jQuery学習メモ: jQuery selector_jqueryの使用

1. 基本セレクター:

• #id : 指定された ID 名の要素を選択します。例: $("#id1") は ID id1 の要素を選択します。
• .class : 指定されたクラス名を持つ要素を選択します
• 要素 : 指定された要素名のすべての原色を選択します
• * : すべての要素に一致します
• selector1,selector2,... : これらの名前を持つ要素をカンマで区切って選択します。クラス名または ID 名にすることができます

2. レベルセレクター:

• $("ancestor子孫"): 祖先要素の下にあるすべての子孫要素を選択します
• $("parent>child"): 親の下にあるすべての子要素を選択します
• $('prev next'): prev の直後にある最初の next 要素を選択します
• $('prev~siblings') : prev

以降のすべての兄弟要素を選択します

$('prev next') は $(.prev).next("next") と同じ効果があります

$('prev~siblings') は $(.prev).nextAll("siblings") と同じ効果があります

3. フィルターの選択:

• ：first 最初の要素を選択します 例: $("div:first") は最初の div 要素を選択します
• ：last 最後の要素を選択します
• ：not(selector) セレクターではない要素を選択します
• : 偶数のインデックスを持つ要素も選択します
• : 奇数は奇数のインデックスを持つすべての要素を選択します
• ：eq(index) インデックスがindexと等しい要素を選択します
• : gt(index) は、index より大きいインデックスを持つ要素を選択します
• ：lt(index) インデックスよりも小さいインデックスを持つ要素を選択します
• : ヘッダーはすべての 要素を選択します。
• ：アニメーション化されたアニメーション要素をすべて選択します

4つ。コンテンツフィルタリング:

• ：contains(text) は、テキスト text を含む要素を選択します。 例: $("div:contains('hello')") は、hello 文字を含む div 要素を選択します。
• : 空の場合は、文字を含まないすべての要素が選択されます
• ：has(selector) selector要素を含む要素を選択します
• : 親は子要素を含む要素を選択します

5つ。可視性フィルタリング:

• : hidden はすべての表示要素を選択します
• : 表示されるすべての非表示の要素を選択します

六つ。属性フィルタリング:

• [attribute] この属性を持つ要素を選択します。たとえば、$("div[id]") は id 属性を含む div 要素を選択します。
• [attribute=value] 属性属性が value と等しい要素を選択します
• [attribute!=value] 属性attributeがvalueと等しくない要素を選択します
• [attribute^=value] 属性属性が value と等しい要素を選択します
• [attribute$=value] 属性属性値が value で始まる要素を選択します
• [attribute*=value] 属性属性値に value が含まれる要素を選択します
• [selector1][selector2]....この条件を満たす要素(組み合わせ)

7。子要素フィルターセレクター

• : nth-child(index/even/odd/eqation) は、親要素の下にある [index/even/odd] の子要素を選択します
• : first-child は親要素の最初の子要素を選択します
• : last-child は親要素の最後の子要素を選択します
• :only-child は、親要素

の下にある唯一の子要素を選択します。

8つ。フォーム属性フィルタリング

• : 有効にすると、表示されているすべての要素が選択されます。 例: $("#form1:enabled") は、フォーム ID が form1 である使用可能な要素をすべて選択します。
• : 無効にすると、すべての非表示の要素が選択されます
• : チェックすると、選択されたすべての要素が選択されます
• : selected は、選択されたすべてのオプション要素を選択します

9. フォームオブジェクトのフィルタリング

• : input はすべての <select><button>要素を選択します。 <li>: text はすべての単一行テキスト スタイルを選択します。以下はすべてこの形式です。 </li> <li>：パスワード </li> <li>：ラジオ </li> <li>：チェックボックス </li> <li>：送信 </li> <li>：画像 </li> <li>：リセット </li> <li>：ボタン </li> <li>：ファイル </li> <li>：非表示 <div id="c_jquery_test" style="DISPLAY: none"> </div> </li> </button></select>