jQuery セレクタやcssを複数指定
2011.11.16
この記事は最終更新日から1年以上が経過しています。
jQueryを使用するとき、
$("h2").css('border',"solid 2px #ff0000");
など、jQueryのセレクタを利用し、指定するのですが、
複数指定する場合は「,」で区切り指定する事によって
セレクタを複数指定する事が可能となってきます。
jQueryセレクタ複数指定
jQuery 例:
$("h2,h3,p>a").css('border',"solid 2px #ff0000");
jQuery css複数指定
また、cssを複数指定する場合は
$("h2,h3,p>a").css({'border':'solid 2px #ff0000','color':'#f00'});
などの様にリテラル形式で記述できます。
可読性を良くすると。
$("h2, h3, p > a").css({ 'border':'solid 2px #ff0000', 'font-size': '14px', 'color':'#f00' });
と言った感じでしょうか。