社員ブログ

jQueryでCSSのクラスを付けたり消したり

2010年04月07日 水曜日

jQueryで、自分で作成したクラスを付けたり外したりしたい場合が結構あります。

hoverだとoverとoutが書けるのですが、Clickだとどうしたもんか?と思っていました。

わざわざクラスが付いているのかどうかを判定したりするのかなぁ??と思っていたら、付いてたら消してくれて、消えてたら付けてくれる便利な命令がありました。

その名もtoggleClass!

jQueryのtoggleシリーズはホントに便利ですね♪
CSS頭なので条件分岐書かなくて良いのは助かります。

 
  $(document).ready(function(){
    
    $("h2").click(
		function () {
		$(this).toggleClass("active");							   
    	});
  });

 

Trackback URL
文字サイズサイズ小サイズ中サイズ大