属性の値による絞り込みについて
[attr]は特定の属性を、もつ要素たけとりだす
例として
aタグのtarget要素があるのを設定したいなら
$(‘a[target]’).css(‘background-color’,yellow’);
で
aタグのうち
targetがついているところだけ
背景色か黄色になる
もうちょっと絞り込みするなら
=
と
!=
を使うといい
target=”_brank”
のところだけにしたいなら
$(‘a[target=”_brank”]”).css(‘background-color’,yellow’);
にして、
逆に
target=”_brank”以外にしたいなら
$(‘a[target != “_brank”]’).css(‘background-color’,yellow’);
とする
これらを扱うとき
Linuxでよく使う正規表現みたいなのもつかえる
^=
なら~で始まる
$=
なら~で終わる
*=
なら~を含むすべて
もし、aタグのリンク先がjpで終わるのを対象にするなら
$(‘a[href $= “.jp/”]’).css(‘border’,’solid 1px blue’);
というようにする
もちろん、複数指定も可能
$(‘a[href ^=”http://”][target]’).css(‘border’,’solid 1px blue’);
として
http://で始まり
_targetを含むものを対象にできる
あと、覚えておくと便利なのが
見出しになる
h1やh2タグだけを対象にする方法
これは
:header を使えば簡単に指定できます
もし、見出しの背景色を変えるなら
$(‘:header’).css(‘background-color’,yellow’);
というようにします