シャープな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 と属性を持つ 要素