基本形
要素種類
$('要素名')
|
1 |
$('p').css('color' 'green'); |
全てのp要素の色が緑になる。
id指定
$('#id値')
|
1 |
$('#1').css('color', 'red'); |
id=1の要素が赤くなる。
クラス指定
$('.class値')
|
1 |
$('.target').css('color', 'blue'); |
class='target'が指定された要素が青くなる。
包含関係
$('セレクター1 セレクター2')
スペースで並べる→セレクター1に含まれるセレクター2
$('セレクター1 > セレクター2')
'>'でつなぐ→セレクター1直下のセレクター2
$('セレクター1 + セレクター2')
'+'でつなぐ→セレクター1の次に現れるセレクター2
属性値指定
1つの属性値
HTML中の要素のうち、特定の属性が指定された要素をJQueryで指定したい場合。
$('要素名[属性=値])
|
1 |
$('div[value="1"]').css('color', 'red'); |
value属性が"1"のdiv要素が赤くなる。
2つの属性値のAND
$('要素名[属性1=値1][属性2=値2]')
|
1 |
$('div[name="NAME"][value="VALUE"]').css('color', 'yellow'); |
name属性が"NAME"、value属性の値が"VALUE"のdiv要素の色が黄色になる。