myExtraContent1
myExtraContent2

 
.CSS()
jQueryでスタイルを変更する
  • jQuery実践サンプル集
  • JavaScript本格入門
  • 10日でおぼえるjQuery
border : solid 2px Lime  border : none 2px Lime
これ実際は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>
以下のように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>


myExtraContent3