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

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





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


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

<title>jQueryテスト</title>

<style type="text/css">
div{
  width:50px;
  height:50px;
}
</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>







サンプルは、こちら。


前へ

jQuery始めました。1(halo world)

次へ

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