ホームページ JS特殊効果 jQueryの効果 jQuery 検索ボックスの入力コンテンツで、テーブル内のコードが一致するかどうかを確認します。

jQuery 検索ボックスの入力コンテンツで、テーブル内のコードが一致するかどうかを確認します。

jQuery 検索ボックスの入力コンテンツで、テーブル内のコードが一致するかどうかを確認します。

jQuery 検索ボックスにテキストを入力して、コードに一致するテーブル コンテンツを検索します。

コードセグメント:

関数検索(){
// 検索ボックスの値を取得
var kwds = $("#searchInput").val();
// 最初のリストの内容を取得します
var this_one = {};
var real_name = '';
// データリストを定義
var list = $("#all_list .list_one");
// 検索の開始値を定義します
var true_one = 0;
for (var i = 0; i This_one = $(list[i]);

Real_name = this_one.text().toString();
// マッチング同様に実行
If(real_name.match(kwds)){
// 現在の結果を処理します
if(true_one == アクティブ){
// ウィンドウの幅と高さを取得
var windows_wdh = $(window).width();
var windows_hgt = $(window).height();
// 最初の座標を取得します
var x_len = this_one.offset().left;
var y_len = this_one.offset().top;
// スクロールバーを駆動して指定した位置までスクロールします
$("html,body").animate({scrollTop:(y_len-windows_hgt/2),scrollLeft:(x_len-windows_wdh/2)},500);
// 現在選択されている結果をマークします
This_one.addClass('active');
This_one.removeClass('on');
}その他{
// 一致した結果にマークを付けます
This_one.addClass('on');
This_one.removeClass('active');
}
// 実際の選択肢を蓄積
true_one++;
}その他{
This_one.removeClass('on');
} }
}
// 検索が完了したかどうかを判断します。完了した場合は最初の検索から開始し、そうでない場合は次の検索を続けます。
アクティブ = アクティブ >= true_one-1 ? 0 : アクティブ+1;

false を返します;
}

免責事項

このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn

関連記事

ユーザー名が存在するかどうかを確認する場合、このように書くとajaxの実行に遅延が発生しますが、入力内容からリアルタイムに検出するにはどうすればよいですか。 ユーザー名が存在するかどうかを確認する場合、このように書くとajaxの実行に遅延が発生しますが、入力内容からリアルタイムに検出するにはどうすればよいですか。

20 Jun 2016

ユーザー名が存在するかどうかを確認する場合、このように書くとajaxの実行に遅延が発生しますが、入力内容からリアルタイムに検出するにはどうすればよいですか。

入力文字列が正しい法人登録番号または組織コード形式であるかどうかを確認するための PHP 正規表現 入力文字列が正しい法人登録番号または組織コード形式であるかどうかを確認するための PHP 正規表現

24 Jun 2023

インターネットの急速な発展に伴い、ネットワーク セキュリティの問題はますます多くの人々の注目を集めています。その中で、企業の登録番号と組織コードのセキュリティもますます重要になっています。企業情報のセキュリティを確保するために、PHP の正規表現は、企業の登録番号や組織コードの形式を検証するための強力なツールとなっています。まず、企業登録番号と組織コードの定義と形式を理解する必要があります。企業登録番号とは、企業が工商行政管理部門に登録する固有の番号を指し、数字と文字で構成され、形式は15桁または18桁です。主催者

jqueryのハート型のいいね効果とフォロー効果の簡単な実装 jqueryのハート型のいいね効果とフォロー効果の簡単な実装

07 Dec 2016

jqueryのハート型のいいね効果とフォロー効果の簡単な実装

jqueryアニメーションエフェクト学習メモ(8つのエフェクト)_jquery jqueryアニメーションエフェクト学習メモ(8つのエフェクト)_jquery

16 May 2016

この記事では、jquery アニメーション効果の詳細な分析を提供する jquery アニメーション効果の学習ノートを共有し、フェードインおよびフェードアウト効果とスライディング効果の原理を説明します。jquery アニメーション効果をよく学びたい場合は、次のリンクを参照してください。この記事を辛抱強く読んでいただければ、予想外のことが見つかると思います。

HTML5の超リアルな雪景色エフェクト HTML5の超リアルな雪景色エフェクト

18 Jan 2017

jqueryをベースにした超リアルな雪景色の特殊効果です。この特殊効果は、jquery コードを使用して html5 キャンバス要素を動的にプラグインし、キャンバス内に雪の特殊効果を作成します。

jQueryはAlipayホームページのフォーカス画像効果を模倣します jQueryはAlipayホームページのフォーカス画像効果を模倣します

25 Apr 2018

今回は、jQueryのAlipayホームページのフォーカス画像効果をお届けします。jQueryのAlipayホームページのフォーカス画像効果の注意点は次のとおりです。見てみましょう。

jQueryは背景色のグラデーションアニメーション効果を操作します jQueryは背景色のグラデーションアニメーション効果を操作します

19 Apr 2018

今回は jQuery 操作の背景色グラデーション アニメーション効果についてお届けします。 jQuery 操作の背景色グラデーション アニメーション効果の注意点は次のとおりです。

JQuery UI CSS Framework_jquery JQuery UI CSS Framework_jquery

16 May 2016

Jquery ui css フレームワークは、jquery ui のスタイル フレームワークです。jquery テーマ ローラーを使用して、必要な CSS スタイル効果を生成できます。 jquery ui のいくつかのフレームワークを使用して、jquery ui css フレームワーク効果に基づいたプラグインを開発できます。

jQueryのanimate関数で画像とテキストの切り替えアニメーションを実現effect_jquery jQueryのanimate関数で画像とテキストの切り替えアニメーションを実現effect_jquery

16 May 2016

animate() は、アニメーション効果を作成するために使用できる jquery のメソッドです。jquery の animate() メソッドは、そのページに優れた視覚効果を追加します。

See all articles See all articles

Hot Tools

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

520 バレンタインデーの告白 Web アニメーション特殊効果

520 バレンタインデーの告白 Web アニメーション特殊効果

jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション

クールシステムのログインページ

クールシステムのログインページ

クールシステムのログインページ

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

Hot Article

ルマ島: ツールトークンの入手方法
14 Nov 2024 モバイルゲームガイド
ルマ島: ルマを孵化させる方法
28 Nov 2024 モバイルゲームガイド
2025年のKAIAコイン価格予測
03 Dec 2024 ウェブ3.0