myExtraContent1
myExtraContent2

 
 CSSセレクタによる指定
全てのHTMLでのCSSの指定と同じ文字で指定することができる。
.css({'font-size':'30px','border-style' : 'solid', 'border-color' : 'green', })
$('div')  全てのdiv要素を指定表示する
●全てのdiv要素を指定表示する例 DEMO
がjQueryスクリプト、がその指定の要素。
<script type="text/javascript">
$('div').css({'border-style' : 'dotted', 'border-color' : '#d1371b', });
</script>
$('#content2')  content2というid属性を持つ要素を指定表示する
●content2というid属性を持つ要素を指定表示する例 DEMO
がjQueryスクリプト、がその指定の要素。
<script type="text/javascript">
$('#content2').css({'border-style' : 'dotted', 'border-color' : '#d1371b', });
</script>
$('ul a')
●ul要素の子孫のa要素を指定表示する DEMO
jQueryスクリプト、
がその指定の要素。
<script type="text/javascript">
$('ul a').css({'border-style' : 'dotted', 'border-color' : '#d1371b', });
</script>
$('ul,h5')
ul要素h5要素を指定表示する DEMO
jQueryスクリプト、
がその指定の要素。
<script type="text/javascript">
$('ul,h5').css({'border-style' : 'dotted', 'border-color' : '#d1371b', });
</script>
$('tbody tr:even') $('tbody tr:odd')
●表の各行を交互に着色することができる。(赤本のp047参照)
タグは、テーブルのボディ要素を定義します。tr要素をeven number(偶数)とその反対語であるan odd number(奇数)の意味。


myExtraContent3