jQuery selector_jqueryの詳しい説明

$() 関数は、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 はそれぞれ、より大きく、より小さいです。

コンテンツフィルタリング

可視性フィルタリング

属性フィルタリング

属性フィルタリングは角括弧

で識別されます。 複数の属性フィルター セレクターが接続されている場合、結果の共通部分が取得されることに注意してください。

子要素のフィルタリング

前の基本フィルター セレクターでは、インデックスは 0 から計算されます。ここでは、サブ要素フィルター セレクターのインデックスは 1 から計算されます。

フォームオブジェクト属性フィルタリング

フォームセレクター