[jQuery] hrefやnameなどの属性セレクタの指定方法

CSS で使われている前方、後方、部分一致セレクタと同じものが jQuery でも使うことが出来る。

完全一致

$("a[href='hoge']");

a 要素の href 属性の値が hoge である要素を選択

NOT(否定)

$("a[href!='hoge']");

a 要素の href 属性の値が hoge でない要素を選択

前方一致

$("a[href^='hoge']");

a 要素の href 属性の値が hoge から始まる要素を選択

後方一致

$("a[href$='hoge']");

a 要素の href 属性の値が hoge で終わる要素を選択

部分一致

$("a[href*='hoge']");

a 要素の href 属性の値が hoge が含まれている要素を選択