「jQuery入門」toggleClass()でクラスの追加または削除サンプル

①JSコード
$(document).ready(function(){
$(“button”).click(function(){
$(“h1,h2,p”).toggleClass(“yellow”);
});
});

②CSSコード
<style type=”text/css”>
.yellow
{
color:yellow;
}
</style>
</head>

③htmlコード
<body>
<h1>test data1</h1>
<h2>test data2</h2>
<p>test data3</p>
<p>test data4</p>
<button>検証ボタン</button>
</body>

Comments are closed.