jquery検索メソッドの呼び出し

jQuery は最も人気のある JavaScript ライブラリの 1 つで、HTML、CSS、DOM を操作するための豊富なメソッドと関数のセットを提供します。その中でも検索方法は最も基本的でよく使われる方法の一つです。この記事ではjQueryの検索メソッドとその呼び出し方法を紹介します。

1. 基本セレクター

jQuery の基本セレクター メソッドは、HTML 要素を選択するために使用されます。基本セレクターの呼び出しメソッドは次のとおりです:

1. 要素名による選択

$("elementName") //elementName は、$( などの HTML 要素の名前です。 "div")

2. クラス名で選択

$(".className") //className は CSS で定義されたクラス名 ($(".main")# など)

##3 .Select by ID

$("#id") //id は、$("#header")

4 などの HTML 要素の ID です。 .Select

## by 属性 #$("[attribute=value]") //attribute はクラス、id、または任意のカスタム属性の属性名です。value は $(" などの属性値です[type='submit']")

2. 階層セレクター

階層セレクター メソッドは、親子関係または兄弟関係を持つ HTML 要素を選択するために使用されます。階層セレクターの呼び出し方法は次のとおりです:

1. 子要素の選択

$("parent child") //parent は親要素、child は子要素です。 $(".wrapper p")

2. 直接の子要素を選択します

$("parent > child") //親は親要素、子は子要素です。 as $(".wrapper &gt ; p")

3. 隣接する兄弟要素を選択します

$("prev next") //prev は前の兄弟要素、next は次の兄弟要素です$(" #header p")

4 のような要素。すべての兄弟要素を選択します。

$("prev ~兄弟") //prev は前の兄弟要素であり、兄弟要素はすべて$( ".main ~ li") などの後続の兄弟要素

#3. フィルター セレクター

フィルター セレクター メソッドは、選択した要素内の条件を満たす要素をフィルターして選択するために使用されます。コレクション。以下はフィルター セレクターの呼び出しメソッドです:

1. 最初の要素を選択します

$("selector:first") //セレクターは $("p などの任意のセレクターです) : first")

2. 最後の要素を選択します

$("selector:last") //セレクターは、$("p:last")

などの任意のセレクターです。

3. 奇数の要素を選択します

$("selector:odd") //selector は $("li:odd") などの任意のセレクターです

4. Select偶数 シリアル番号要素

$("selector:even") //selector は $("li:even")

5 などの任意のセレクターです。指定された要素を含む要素を選択しますtext

$("selector:contains(text)") //selector は任意のセレクター、text は含まれるテキスト ($("p:contains('Hello World')")

など)

4. 属性フィルタリング

属性フィルタリング メソッドは、選択した要素コレクション内の条件を満たす要素をフィルタリングするために使用されます。属性フィルタリングの呼び出し方法は次のとおりです:

1. 指定された属性を持つ要素を選択します

$("selector[attribute]") //selector は任意のセレクター、attribute は$("a[href]")

2 のような属性名。指定された属性を持つ要素を選択し、属性値には指定されたテキストが含まれます

$("selector[attribute* =value]") //selector は任意のセレクター、attribute は属性名、value は含まれるテキスト ($("a[href*='https']")

3 など) です。指定された属性を持ち、属性値が指定されたテキストで始まる要素

$("selector[attribute^=value]") //selector は任意のセレクター、attribute は属性名、value は開始値$("input[type^='text'] ")

4 のようなテキスト。指定された属性と、指定された text

$( で終わる属性値を持つ要素を選択します。 "selector[attribute$=value]") //selector は任意のセレクター、attribute は属性名、value は最後のテキスト ($("img[src$='.jpg']")

など)

5. フォーム フィルター

フォーム フィルター メソッドは、条件を満たすフォーム フィルター要素で使用されます。フォーム フィルターを呼び出す方法は次のとおりです:

1. すべてのフォーム要素を選択します

$(":input") //例: $(":input")

2. すべてのテキスト入力ボックスを選択します

$("input:text") //$("input:text") など

#3. すべてのパスワード入力ボックスを選択します

$("input:password") //$("input:password") など

#4. すべてのラジオ ボタン ボックスを選択します

$("input:radio ") //$("input:radio")

5.すべてのチェックボックスを選択します

$("input:checkbox") //$("input:checkbox"など) )

6. その他のセレクター

上記で紹介した基本セレクター、階層セレクター、フィルター セレクター、属性フィルター、フォーム フィルターに加えて、jQuery はコンテンツ セレクター、表示セレクターなども提供します。状態セレクターとより強力なセレクター メソッド。これらのメソッドの呼び出し方法は、上記の呼び出し方法と同様であるため、ここでは再度説明しません。

概要

この記事では、基本的なセレクター、階層セレクター、フィルター セレクター、属性フィルター、フォーム フィルター、その他のセレクターを含む、jQuery の検索メソッドとその呼び出しメソッドを紹介します。実際の開発においては、これらの手法や機能に習熟することが非常に重要であり、開発効率やコード品質を大幅に向上させることができ、競争力を高める重要な手段でもあります。

以上がjquery検索メソッドの呼び出しの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。