jQuery 要素の指定方法、いろいろ、セレクタの種類

$(“body”)
bodyタグの要素を選択

$(“#id1″)
ID名 id1 の要素を選択

$(“.class1″)
CLASS名 class1 の要素を選択

$(“.class1 .class2″)
CLASS名 class1 の要素の中にあるCLASS名 class2 の要素を選択

$(“.class3, .class4″)
CLASS名 class3、もしくはCLASS名 class4 の要素を選択

$(“.class5″, “#id1″)
ID名 id1 の要素の中にあるCLASS名 class5 の要素を選択

$(“.class6.class7″)
CLASS名 class6 と class7 2つ持つ要素を選択

$(“a[href]”)
aタグのhref属性がある要素を選択

$(“a[href = ‘#pagetop’]”)
aタグのhref属性の値が「#pagetop」の要素を選択

$(“a[href != ‘#pagetop’]”)
aタグのhref属性の値が「#pagetop」でない要素を選択

$(“a[href ^= ‘#link’]”)
aタグのhref属性の値が「#link」から始まる要素を選択

$(“a[href $= ‘bottom’]”)
aタグのhref属性の値が「bottom」で終わる要素を選択

$(“a[href *= ‘page’]”)
aタグのhref属性の値に「page」が含まれている要素を選択

$(“ul li:first”)
すべてのulタグ内をあわせたliタグの中の最初の要素を選択

$(“ul li:first-child”)
各ulタグ内にあるそれぞれのliタグの最初の要素を選択

$(“ul li:last”)
すべてのulタグ内をあわせたliタグの中の最後の要素を選択

$(“ul li:last-child”)
各ulタグ内にあるそれぞれのliタグの最後の要素を選択

$(‘li:not(“.class6″)’)
liタグでCLASS名 class6 が指定されていない要素を選択

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です