ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery selector_jqueryの詳しい説明
jQuery selector_jqueryの詳しい説明
- WBOYオリジナル
- 2016-05-16 16:19:21941ブラウズ
$() 関数は、jQuery など、多くの JavaScript ライブラリでセレクター関数として使用されます。
$("#id") は id によって要素を取得します。これは document.getElementById() 関数を置き換えるために使用されます。
$("tagName") はタグ名を通じて要素を取得し、document.getElementsByTagName() 関数を置き換えるために使用されます。
jQuery の基本構文は次のとおりです: $(selector).action()、selector はセレクターです。
jQuery セレクターの分類
jQuery のセレクターは基本的に 4 つのカテゴリに分類できます:
基本セレクター (基本)
レベルセレクター (レベル)
フィルターセレクター(フィルター)
フォームセレクター (フォーム)
一部のカテゴリは、特定のサブカテゴリに分割できます。
基本セレクター
* はすべての要素に一致します。例: $("*") はすべての要素を選択します。
#id は、指定された ID に基づいて要素と一致します (最大で 1 つの要素のみが返されます)。例: $("#lastname") は、id="lastname" の要素を選択します。.class は、指定されたクラス名に基づいて要素に一致します。例: $(".intro") は、class="intro" を持つすべての要素を選択します。
要素は、指定された要素名に基づいて要素と一致します。例: $("p") は、すべての
要素を選択します。
.class.class 例: $(".intro.demo") は、class="demo".(Intersection) を持つすべての要素を選択します。selector1、selector2、…、selectorN、各セレクターで一致した要素を結合して返します(Union)。
単一の要素を返す #id セレクターを除き、他のセレクターは要素のコレクションを返します。
これは、HTML 仕様では ID が一意である必要があるため、ID が繰り返される要素は考慮されません。
複数の要素が同じ ID を持つ場合、この ID を取得することで最初の要素のみを取得できます。つまり、取得された jQuery オブジェクトの length 属性は 1 になります。一致する要素が存在しない場合は、空の jQuery オブジェクトが返されます。
基本セレクターはカンマで区切って組み合わせることができ、結果はすべての条件の結果の結合になります。カンマで区切られていない場合は、すべての条件が満たされる交差点になります。
レベルセレクター
$(“ancestor子孫”) は、直接の子要素とより深くネストされた子孫要素を含む、先祖要素内のすべての子孫要素を選択します。 例: $("div span") は
注: セレクターはページ全体をスキャンし、選択条件を満たすすべての要素が含まれます。そのため、
の下にある
$("parent>child") は、親要素の下にある子要素を選択します。つまり、直接の子要素のみが選択されます。
は含まれません。例: $("div>span") は、
$("prev next") は、prev 要素の直後の次の要素 (同じレベル) を選択します。
例: $(“.one div”) は、クラス 1 の次の div 要素を選択します。
$("prev兄弟")は、prev要素(同じレベル)の後のすべての兄弟要素を選択します。
例: $("#two~div") は、ID が 2 の要素の後のすべての
同等のメソッド:
$("prev next") はメソッド $("prev").next("next"); と同等で、 prev 要素の直後の次の要素を選択します。
$("prev~sublings") はメソッド $("prev").nextAll("sublings") と同等で、 prev 要素の後にある同じレベルのすべての sublings 要素を選択します。そして $("prev").sublings("next") メソッドは、前後の位置に関係なく、 prev と同じ世代のすべての next 要素を選択します。 フィルターセレクター
フィルター セレクターの一般的なカテゴリは 6 つのサブカテゴリに分かれています:
基本的なフィルタリング、可視性のフィルタリング、フォーム オブジェクトの属性のフィルタリング。
基本的なフィルタリング
GT と lt はそれぞれ、より大きく、より小さいです。
コンテンツフィルタリング
可視性フィルタリング
属性フィルタリング
属性フィルタリングは角括弧
で識別されます。
複数の属性フィルター セレクターが接続されている場合、結果の共通部分が取得されることに注意してください。
フォームオブジェクト属性フィルタリング
フォームセレクター
