ID セレクタ

jQuery 授業



$('#idValue')


  • ピンポイントでページ内の要素が欲しいときに最適なセレクタ



ソースコード【 HTML 】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>jQuery 〜</title>
<link rel="stylesheet" href="css/style.css">

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

</head>
<body>
<ul>
<li>fox</li>
<li id="cat">cat</li>
<li>fish</li>
<li id="dog">dog</li>
<li>bird</li>
</ul>

<script>
$(function() {
  $('#cat').css('background','pink');
  $('#dog').css('background','yellowgreen');
});
</script>

</body>
</html>

ブラウザで表示【 Chrome 】