セレクターその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>