css(name)

説明補足説明コードコメント投稿

このサンプルは、jQueryのcss()メソッドを利用してdiv要素のスタイル情報を取得して表示します。サンプルの正方形をクリックすると正方形の背景色が表示されます。

このサンプルは、jQueryのcss()メソッドを利用してdiv要素のスタイル情報を取得して表示します。サンプルの正方形をクリックすると正方形の背景色が表示されます。

css(name)
html要素のスタイル(CSS)を取得するには、jQueryのcss()メソッドを使用します。このメソッドの引数nameには、スタイルシートのプロパティを指定します。ここでは、div要素のstyle属性に指定されている背景色(background-color)の情報を取得して表示します。 

$("div").click(function() {   
  var bgcolor = $(this).css("background-color");   
  $("#message").html("That div is " + bgcolor + ".");   
});   

<div style="background-color:Red; color:White">Red</div>
<div style="background-color:Green; color: White">Green</div>
<div style="background-color:Blue; color: White">Blue</div>