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

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






<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


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

<title>jQueryテスト4</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() {
  $("#redBtn").click(function() {
    var prop = {
      "background-color":"#ff0000",
      "color":"#ffffff",
      "border":"2px solid #800000"
    }

    $("p").css(prop);
  });

  $("#blueBtn").click(function() {
    var prop = {
      backgroundColor:"#0000ff",
      color:"#ffffff",
      border:"2px solid #000080"
    }

    $("p").css(prop);
  });
});

//-->
</script>


<button id="redBtn">RED</button>
<button id="blueBtn">BLUE</button>

<p>
紅葉の季節になりました。
</p>

<p>
週末はきっと多くの人が紅葉狩りに出かけることでしょう。
</p>


</body>
</html>






サンプルは、こちら。

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

前へ

jQuery始めました。4(ボタンをクリックしてCSSの設定を変更する)

次へ

jQuery始めました。6(チェックボックスをすべて選択する)