[jQuery]toggleClass()のサンプル

2021年8月16日

書式
$('.button’).toggleClass(クラス名);
使用例
htmlコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<button class="button">テスト</button>
<button class="button">テスト</button>
<button class="button">テスト</button>

CSSコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.cft{
color: green;
}
.cft{ color: green; }
.cft{
  color: green;
}

JSコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<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>

 

JavaScript

Posted by arkgame