.CSS()
jQueryでスタイルを変更する
- jQuery実践サンプル集
- JavaScript本格入門
- 10日でおぼえるjQuery
これ実際はCSSの border : solid 2px Lime を border : none 2px Lime に切り替えているだけ
<h2>入門書特集</h2>
<ul id="list">
<li class="jq">jQuery実践サンプル集</li>
<li class="js">JavaScript本格入門</li>
<li class="jq">10日でおぼえるjQuery</li>
</ul>
<script type="text/javascript">
$(function() {
$('#list .jq').css('border', 'solid 2px Lime');
});
</script>
<ul id="list">
<li class="jq">jQuery実践サンプル集</li>
<li class="js">JavaScript本格入門</li>
<li class="jq">10日でおぼえるjQuery</li>
</ul>
<script type="text/javascript">
$(function() {
$('#list .jq').css('border', 'solid 2px Lime');
});
</script>
以下のようにjQueryによって書き加えられた
<ul id="list">
<li class="jq" style="border: 2px solid lime; ">jQuery実践サンプル集</li>
<li class="js">JavaScript本格入門</li>
<li class="jq" style="border: 2px solid lime; ">10日でおぼえるjQuery</li>
</ul>
<li class="jq" style="border: 2px solid lime; ">jQuery実践サンプル集</li>
<li class="js">JavaScript本格入門</li>
<li class="jq" style="border: 2px solid lime; ">10日でおぼえるjQuery</li>
</ul>