在前端某些個邏輯中,我們需要判斷某個元素是否具有某個class的值,并對其掛載相應的事件。這篇文章就說說利用JQ中的hasClass方法來判斷某個元素是否具有某個類

hasClass定義與用法

hasClass() 方法檢查被選元素是否包含指定的 class。

国产视频app如果被選元素包含指定的類,該方法返回 "true"。

語法:

$(selector).hasClass(class)

国产视频appclass:為要查找的類,不可省略

JQ判斷某個元素中是否具體某個類

例1:

代碼

<div id="mochu" class="aa bb">飛鳥慕魚博客</div>
<button>點我測試</button>
<script>
    $('button').click(function(){
        alert($('#mochu').hasClass('aa'));
    });
</script>

彈出結果:true;

JQ判斷某個元素是否具有類,jq hasClass用法

例2:

<div id="mochu" class="aa bb">飛鳥慕魚博客</div>
<button>點我測試</button>
<script>
    $('button').click(function(){
        alert($('#mochu').hasClass('aa bb'));
    });
</script>

彈出結果:true

例3:

<div id="mochu" class="aa bb">飛鳥慕魚博客</div>
<button>點我測試</button>
<script>
    $('button').click(function(){
        alert($('#mochu').hasClass('aa cc'));
    });
</script>

彈出結果:false

JQ判斷某個元素是否具有類,jq hasClass用法

總結:

国产视频app通過上面的三個例子相比較,我們不難發現hasClass()方法可以同時寫多個class,但他們之前用空格隔開。只有所填寫的類全部存在才會返回true,否則返回false