シャープなjQueryの要点まとめ(1) jQuery selector_jquery

1 基本セレクター

$(#id)
指定された ID に基づいて要素と一致します
$(.class)
指定されたクラス名に基づいて要素
$(element)
と一致します 指定された要素に基づいて要素
$(*) と一致しますname
すべての要素と一致します
$(selector1,selector2,...,selectorN)
各セレクターで一致した要素をマージし、それらをまとめて返します

2 階層セレクター

$("ancestor子孫")
祖先要素内のすべての子孫要素を選択
$( "parent > child" )
親要素の下にある子 (サブレベル) 要素のみを選択します。これは $("ancestor子孫") とは異なります。前者はすべての子孫要素 (サブレベルを含むがこれに限定されません)
$('prev next') prev 要素の直後の次の要素を選択

$('prev ~兄弟') 前を選択要素の次の要素


3 フィルター セレクター

3.1 基本フィルター セレクター

$(" セレクター: first") 最初の要素を選択

$("selector:last") 最後の要素を選択

$("selector :not( selector2)") 指定されたセレクターに一致するすべての要素を削除します

$("selector:even") 偶数の要素をすべて選択します。インデックスは次から始まります0

$("selector:odd") インデックスが奇数であるすべての要素を選択します。インデックスは 0

$("selector:eq(index)" から始まります) インデックスが Index と等しい要素を選択します。インデックスは 0 から始まります。

$("selector:gt(index)") Index より大きいインデックスを持つ要素を選択します。インデックスは 0 から始まります

$("selector:lt(index)") インデックスより小さいインデックスを持つ要素を選択します。インデックスは 0 から始まります

$(":header ") h1、h2、h3 などのすべてのタイトル要素を選択します。

$(":animated") 現在アニメーション化されているすべての要素を選択します


3.2 コンテンツ フィルター セレクター

$(":contains(text)") テキストを含むコンテンツを "text" 要素として選択します

$(":empty") 子要素またはテキストを含まない空の要素を選択します

$(":has(selector2)") セレクターによって一致する要素を含む要素を選択します

$(":parent") 子要素またはテキストを含む要素を選択します


3.3 目に見える性的要素フィルターセレクター

$(":hidden") すべての非表示要素を選択

$(":visible")表示されているすべての要素を選択します


3.4 属性フィルター セレクター

$("selector[attribute]") この属性を持つ要素を選択します

$("selector[attribute=value]") 属性値が value である要素を選択します

$("selector[attribute! =value]") 属性値が値と等しくない要素を選択します

$("selector[attribute^=value]") 値を持つ属性値を選択します 開始要素

$("selector[attribute$=value]") 属性値が value

$("selector[attribute*= value]") 属性値に値が含まれる要素を選択します
$("selector[selector2][selectorN]")
属性セレクターを使用して、複数の条件を満たす複合属性セレクターにマージします条件。たとえば、$("div[id][title$='test']") は、属性 id と属性を持つ 要素

を選択します。属性タイトルは "test" で終わります
3.5 子要素フィルターセレクター

$(":nth-child(index/even/odd/equation)")
各親要素を選択 要素の下にあるインデックス子要素または奇数偶数要素、インデックスは 1 から始まります
$("selector:first-child")
の最初の子要素を選択します各親要素
$("selector:last-child")
各親要素の最後の子要素を選択します
$("selector:only-child")
要素がその親要素の唯一の子要素である場合、その要素が一致します。親要素に他の要素が含まれている場合は一致しません

3.6 フォームオブジェクト属性フィルターセレクター

$(" セレクター:enabled")
使用可能な要素をすべて選択します
$("selector:disabled")
無効な要素をすべて選択します
$("selector :checked ")
選択されたすべての要素 (ラジオ、チェックボックス) を選択します
$("selector:selected")
選択されたすべてのオプション要素を選択します (select )

4 フォームセレクター

$(":input")
すべてを選択 、、<select>、<button>要素<br><strong>$(":text")</strong><br> 単一行のテキスト ボックスをすべて選択します<br><strong>$(":password")</strong><br> パスワード ボックスをすべて選択します<br><strong>$(":radio")</strong><br> すべてのラジオ ボックスを選択します<br><strong>$(":checkbox")</strong><br> すべてのチェックボックスを選択します<br><strong> $(":submit")</strong><br> すべての送信ボタンを選択します<br><strong>$(":image")</strong><br> すべての画像ボタンを選択します<br><strong>$(":リセット")</strong><br> すべてのリセット ボタンを選択<br><strong>$(":button")</strong><br> すべてのボタンを選択<br><strong>$(":file")</strong><br> すべてのアップロード ドメインを選択します<strong><br>$(":hidden")</strong><br> すべての非表示要素を選択します</button></select>