jQuery始めました。3(クリックした際に値を取得するの２)

クリックした際に値を取得するの２です。


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<script type="text/javascript" src="/jquery/jquery.js"></script>

<title>jQueryテスト3</title>

<style type="text/css">
div{
  width:50px;
  height:50px;
}

#redbox{
  background-color:#800000;
}

#bluebox{
  background-color:#ffa500;
}

</style>
</head>
<body>


<script type="text/javascript"><!--

$(function() {
  $("div").click(function() {
    var bgcolor = $(this).css("background-color"); 
    alert(bgcolor);
  });
});

//-->
</script>


<div id="redbox" style="background-color:#ff0000;">
</div>

<div id="bluebox" style="background-color:#0000ff;">
</div>

</body>
</html>

サンプルは、こちら。

引用元：　プロパティの値を取得

この記事の筆者

管理者