スポンサーサイト





上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

  • Comments (Close): -
  • TrackBack (Close): -

id値での指定

  • Posted by: javascriptmania
  • 2011-05-15 Sun 21:08:29
  • jQuery




要素をid値で指定してみましょう。

まずはCSSの復習から。

<html>

<head>

<style type="text/css">
<!--

p#msg {
color: blue;
}

-->
</style>


</head>

<body>

<p id="msg">Hello</p>

</body>

</html>


id値が msg である要素の背景色をLimeにしました。

実行結果 :
20110515_2


id値で指定をするには p#msg のように # を使います。

では、jQueryではどうするでしょうか。

<html>

<head>

<style type="text/css">
<!--

p#msg {
background-color: lime;
}

-->
</style>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

google.load("jquery", "1");
google.setOnLoadCallback(function() {
$(function() {
$('p#msg').css('background-color','red');
});
});

</script>

</head>

<body>

<p id="msg">Hello</p>

</body>

</html>


jQueryのセレクタも、id値での指定はCSSと同じです。

20110515_3

関連記事

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

Comments:

Comment Form
Only inform the site author.

Trackback+Pingback:

TrackBack URL for this entry
http://javascriptmania.blog111.fc2.com/tb.php/39-bf0dfc81
  • 閉じるボタン
月別アーカイブ
リンク
カテゴリ
RSSリンクの表示
QRコード
QR
最新コメント
最新トラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。