classが存在するか判定する

hasClass

これは、

<div class="hoge"></div>

$('div').hasClass('hoge');

のように、そのタグにclassがついているかどうかを判定する。

例えば、こんなときに使える。

<div class="hoge"></div>
<div></div>
<div class="hoge"></div>
<div></div>
<div></div>

$('div').click(function(){
    if($(this).hasClass('hoge')){
        $(this).css('color','red');
    }
});

クリックしたとき、hogeというclassがついていたら、文字色を赤くする。
など。



これでは、classが存在するかどうか、で判定する場合には使えない。

$('.hoge').length;

これで、hogeというclassが存在しているかどうかを判定することができる。

if($('.hoge').length;){
    $('body').css('background','blue');
}

これで、hogeというclassが存在していたら、背景色を青にする。