「jQuery」ボタンクリックでclassを追加するサンプル
書式
$(セレクタ名).addClass(クラス名);
使用例
1.htmlコード
<button class="btn">テスト</button>
<button class="btn">テスト</button>
<button class="btn">テスト</button>
2.CSSコード
.cft{
color: green;
}
.cft{
color: green;
}
.cft{ color: green; }
3.JSコード
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$('.button').on('click', function () {
$('.btn').addClass('cft');
});
</script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$('.button').on('click', function () {
$('.btn').addClass('cft');
});
</script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $('.button').on('click', function () { $('.btn').addClass('cft'); }); </script>