この関数は、CSS セレクターを含む文字列を受け取り、この文字列を使用して要素のセットと照合します。
jQuery のコア機能はすべてこの関数を通じて実装されます。 jQuery のすべてはこの関数に基づいているか、何らかの方法でこの関数を使用しています。この関数の最も基本的な使用法は、式 (通常は CSS セレクターで構成される) を渡し、この式に基づいて一致する要素をすべて検索することです。
デフォルトでは、context パラメーターが指定されていない場合、$() は現在の HTML ドキュメント内の DOM 要素を検索します。DOM 要素セットや jQuery オブジェクトなどの context パラメーターが指定されている場合は、このコンテキスト内で検索します。 。 jQuery 1.3.2 以降、返される要素の順序は、コンテキスト内での要素の出現順序と同じになります。
selector: この属性は、現在の jQuery オブジェクトを取得するときに jQuery(selector, context) 関数に渡される元のセレクター (つまり、セレクター パラメーター) を返すために使用されます。つまり、現在の jQuery オブジェクトを取得するためにどのようなセレクターを使用しても、現在の jQuery オブジェクトの selector プロパティはそれを返します。
構文: jQueryObject.selector
戻り値: selector 属性の戻り値は String 型で、jQuery オブジェクトの元のセレクターを返します。現在の jQuery オブジェクトがセレクター文字列を渡すことによって取得されない場合は、空の文字列 "" が返されます。
Parameters
selector,[context]String,Element,/jQueryV1.0
selector:
context: を検索するために使用される文字列: 検索対象の DOM 要素、ドキュメント、または jQuery オブジェクトのセットとして。
elementElementV1.0
jQuery オブジェクトのカプセル化に使用される DOM 要素
objectobjectV1.0
jQuery オブジェクトのカプセル化に使用される DOM 要素配列
elementArrayElementV1.0
jQuery オブジェクトのカプセル化に使用される DOM 要素配列。
jQuery objectobjectV1.0
クローン作成用の jQuery オブジェクト。
jQuery()V1.4
は空の jQuery オブジェクトを返します。
コード例:
まず、次の HTML コードを示します:
<p id="parent" class="parent"> <p class="child"> child1 </p> <p class="child"> child2 </p> </p> <p id="parent1" class="parent"> <p class="child"> child1 </p> <p class="child"> child2 </p> </p>
メソッド 1 の呼び出し: 2 番目のパラメーター コンテキストは DOM 要素です
var doms=$(".child",$("#parent")[0]); console.log(doms);
今回は 2 番目の最初のパラメータは DOM オブジェクトです。 print [p.child, p.child, prevObject: jQuery.fn.init[1], context: p#parent, selector: ".child"]
メソッド 2 の呼び出し: 2 番目のパラメータ context jqueryオブジェクトです
var doms=$(".child",$($("#parent")[0])); console.log(doms);
この時の印刷結果は上記最初のケースと同じ [p.child, p.child, prevObject: jQuery.fn.init[1], context: p#親、セレクター: " .child"]
メソッド 3 の呼び出し: 2 番目のパラメーターは DOM 配列です
var doms=$(".child",[document.getElementById("#parent"),document.getElementById("#parent1")]) console.log(doms);
メソッド 4 の呼び出し: 2 番目のパラメーターは jQuery オブジェクトの配列です
var doms=$(".child",$(".parent")) console.log(doms);
このメソッドの結果はまったく同じです3番目のメソッドとして!
メソッド5の呼び出し: 渡されたパラメータは関数であり、ready関数が呼び出されたときに呼び出されます
$(function() { console.log("dom ready"); })
以上がjQueryセレクターの使い方は?セレクターの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。