セレクターその５（ユニバーサルセレクター）



すべての要素を指定できるのが「ユニバーサルセレクター」です。ユニバーサルセレクターは*(アスタリスク)で記述します。

ですって。では早速。

<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">google.load("jquery", "1.3.2");</script>
    <script type="text/javascript">
      $(function() {
        $("li *").css("color","red");
      })
    </script>
  </head>
  <body>
    <span class="second">子孫指定バージョン</span>
    <ul>
      <li><strong>テキスト</strong>テキストテキストテキストテキスト</li>
      <li><em>テキスト</em>テキストテキストテキストテキスト</li>
      <li><span>テキスト</span>テキストテキストテキストテキスト</li>
      <li>テキストテキストテキストテキストテキスト</li>
    </ul>
  </body>
</html>

"*" を指定した場合、子要素がないものについては無視されるっぽいね。
「指定した以上、子要素はあるべき」という解釈でいいのかな。