Kozackman Lab

CSSでよく利用されるセレクター – 要素セレクター

jQueryでは、要素セレクター、idセレクター、classセレクターから、
子孫セレクター、ユニバーサルセレクター、グループセレクターまで様々なセレクターが利用できる。

要素セレクター

特定のHTML要素に対して命令を実行するときは、「要素セレクター」を利用する。
下記のスクリプト、css(“color”,”#9cf”)は、
「CSSのcolorプロパティの値をカラーコード：#9cfに変更する」をいうjQueryの命令。

<script type="text/javascript">
$(function(){
	$("li.post1").css("color","#9cf");
        $("ol").css("background-color", "#666");
});
</script>

<h3>５つに分類したセレクターLIST</h3>
<ol>
   <li>CSSでよく利用されるセレクター</li>
   <li>CSS2のセレクター</li>
   <li>CSS3のセレクター</li>
   <li>CSSの属性セレクター</li>
   <li>jQueryの独自セレクター</li>
</ol>

下記は、上記のソースコードを実行した結果。

５つに分類したセレクターLIST

1. CSSでよく利用されるセレクター
2. CSS2のセレクター
3. CSS3のセレクター
4. CSSの属性セレクター
5. jQueryの独自セレクター

2012/08/26　5:10 PM｜ カテゴリー ： jQuery｜ コメント