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