[ jQuery ] クラスセレクタ -
クラスセレクタは、特定のclass属性を持つ要素に対して命令を実行します。
class属性の値に .(ドット) を付けたものをセレクターとして利用します。
<script>
$(function( ) {
$('.second').css('color','red');
});
</script>
<body>
<h1>jQueryの練習(クラスセレクタ)テキストp29-30</h1>
<ul>
<li class="first">いぬいぬいぬいぬいぬいぬ</li>
<li class="second">ねこねこねこねこねこねこ</li>
<li class="third">さるさるさるさるさるさる</li>
<li class="fourth">きじきじきじきじきじきじ</li>
</ul>
</body>
クラスセレクターはIDセレクターと同様に、要素セレクターとつなげて記述できます。
<script>
$(function( ) {
$('li.third').css('color','blue');
});
</script>
