[jQuery]toggleClass()のサンプル
書式
$('.button’).toggleClass(クラス名);
使用例
htmlコード
<button class="button">テスト</button>
<button class="button">テスト</button>
<button class="button">テスト</button>
CSSコード
.cft{
color: green;
}
.cft{
color: green;
}
.cft{ color: green; }
JSコード
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$('.button').on('click', function () {
$('.button').toggleClass('cft');
});
</script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$('.button').on('click', function () {
$('.button').toggleClass('cft');
});
</script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $('.button').on('click', function () { $('.button').toggleClass('cft'); }); </script>