Kozackman Lab

ユニバーサルセレクター

すべての要素を選択できるのがユニバーサルセレクター。
ユニバーサルセレクターは“* (アスタリスク)”で記述する。

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

<ul>
   <li><strong>テキスト1</strong>テキスト1テキスト1</li>
   <li><em>テキスト2</em>テキスト2テキスト2</li>
   <li><span>テキスト3</span>テキスト3テキスト3</li>
   <li>テキスト4テキスト4テキスト4</li>
</ul>

li要素に含まれているすべての要素、つまり１番目のstrong要素と2番目のem要素、
3番目のspan要素が「#9cf」の色になる。

以下は上記ソースコードの結果

• テキスト1テキスト1テキスト1
• テキスト2テキスト2テキスト2
• テキスト3テキスト3テキスト3
• テキスト4テキスト4テキスト4

2012/08/28　1:49 AM｜ カテゴリー ： jQuery｜ コメント