概要
toggleClass(クラス名)メソッドは、「クラス名」が在れば無くし、無ければ付け足す。
例
click me ! をクリックする度、クラスが消えたり付け足されたりする。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="hoge">click me !</div> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> | |
| <script> | |
| $(function() { | |
| $(".hoge").click(function(){ | |
| $(this).toggleClass("hoge"); | |
| }); | |
| }); | |
| </script> |
コメント