ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryセレクターの使い方は?セレクターの使用方法

jQueryセレクターの使い方は?セレクターの使用方法

伊谢尔伦
リリース: 2017-06-16 13:21:02
オリジナル
2608 人が閲覧しました

この関数は、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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート