jQuery –属性セレクターの例
jQueryでは、属性セレクターは角かっこ[]で囲みます。 サポートされている属性セレクターは次のとおりです。
2. 属性値が等しい[A = B]
値がBと正確に等しいA属性を持つすべての要素を選択します。
Examples
$( ‘a [rel = nofollow]’)–「nofollow」とまったく同じ値のrel属性を持つに一致するすべての要素を選択します。
3. 属性値が等しくない[A!= B]
値がBと正確に等しいA属性を持たないすべての要素を選択します。
Examples
$( ‘a [rel!= nofollow]’)–「nofollow」と正確に等しい値を持つrel属性を持たないに一致するすべての要素を選択します。
4. 属性値の始まり[A ^ = B]
値がBで始まるA属性を持つすべての要素を選択します。
Examples
$( ‘a [rel ^ = nof]’)–値が ‘nof’で始まるrel属性を持つに一致するすべての要素を選択します。
5. 属性値の終わり[A $ = B]
値がBで終わるA属性を持つすべての要素を選択します。
Examples
$( ‘a [rel $ = low]’)–値が「low」で終わるrel属性を持つに一致するすべての要素を選択します。
6. 属性値に含まれる[A * = B]
サブストリングBを含む値を持つA属性を持つすべての要素を選択します。
Examples
$( ‘a [href * = yahoo.com]’)–「yahoo.com」を含む値を持つhref属性を持つに一致するすべての要素を選択します。
7. 属性値にプレフィックス[A | = B]が含まれる
値がBに等しいか、Bで始まりハイフン(-)が続くA属性を持つすべての要素を選択します。
Examples
$( 'a [lang | = en]')– 'en'または 'en-'のいずれかに等しい値を持つlang属性を持つに一致するすべての要素を選択します。
8. 属性値には次が含まれます-スペースで区切られます[A〜= B]
値がBでスペースで区切られたA属性を持つすべての要素を選択します。
Examples
$( ‘div [class〜 = jQuery]’)–スペースで区切られた ‘jQuery’と等しい値のクラス属性を持つ