セレクターその2(IDセレクター)

次にIDセレクターの記述方法。

単純に、指定情報を「#ID名」にしてあげるだけ。
但し、同一IDが存在する場合、先頭のIDが優先される感じ?全部が対象になるわけじゃないのかな。

<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() {
        //IDが「second」の要素の文字色を赤にする。(但し最初に該当した要素だけ?)
	$("#second").css("color", "red");
      })
    </script>
  </head>
  <body>
    <span id="second">ID指定バージョン</span>
    <ul>
      <li id="first">テキストテキストテキストテキストテキスト</li>
      <li id="second">テキストテキストテキストテキストテキスト</li>
      <li id="third">テキストテキストテキストテキストテキスト</li>
      <li id="fourth">テキストテキストテキストテキストテキスト</li>
    </ul>
  </body>
</html>

要素を指定すれば、li要素のsecondのプロパティを変更できる。

<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」で、かつIDが「second」の要素の文字色を赤にする
	$("li#second").css("color", "red");
      })
    </script>
  </head>
  <body>
    <span id="second">ID指定バージョン</span>
    <ul>
      <li id="first">テキストテキストテキストテキストテキスト</li>
      <li id="second">テキストテキストテキストテキストテキスト</li>
      <li id="third">テキストテキストテキストテキストテキスト</li>
      <li id="fourth">テキストテキストテキストテキストテキスト</li>
    </ul>
  </body>
</html>