「jQuery入門」addClass()でcssクラスを追加するサンプル

2017年12月7日

1.htmlコード
<body>
<h1>data1</h1>
<h2>data2</h2>
<p>data3</p>
<p>data4</p>
<div>test data5</div>
<br>
<button>テスト</button>
</body>

2.JSコード
<script>
$(document).ready(function(){
$(“button").click(function(){
$(“h1,h2,p").addClass(“yellow");
$(“div").addClass(“changfa");
});
});
</script>

3.CSSコード
<style type="text/css">
.changfa
{
font-weight:bold;
font-size:xx-large;
}
.yellow
{
color:yellow;
}
</style>

 

jQuery

Posted by arkgame