JQ中的is()方法與hasClass方法都可以檢查某個元素中是否具有某個類,雖然它兩個的功能相同,但相比較來說is()方法更好用,更強大,參數中不但可以放入字符串,還可以放入函數。

JQ中的hasClass()方法

語法:

$(selector).hasClass("className");

例:JQ檢查某個元素是否含有某個類

代碼:

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

国产视频app返回三個結果,分別是:true true false

由上面的例子可以看出,使用hasClass()方法時,所要查找的多個類名必須同時存在,才回返回 true 否則返回 false

關于hasClass的更多示例和講解,可以參考《JQ判斷一個元素是否具有某個class》這篇文章

JQ中的is()方法

国产视频appis() 方法用于查看選擇的元素是否匹配選擇器

語法:

$(selector).is(selectorElement,function(index,element))

selectorElement:必須。選擇器表達式,根據選擇器/元素/jQuery 對象檢查匹配元素集合,如果存在至少一個匹配元素,則返回 true,否則返回 false

国产视频appfunction(index,element):可選。指定了選擇元素組要執行的函數。index - 元素的索引位置,element - 當前元素 ( "this" 選擇器也可以使用 )

例:JQ檢查某個元素是否含有某個類

is()方法判斷某個元素是否具有某個類時,如果要判斷多個類,每個類要用英文逗號分開,大家可以參看下面示例代碼的寫法

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

返回三個結果分別是:true true true

由上面的例子可以看出,使用is()方法時,所要查找的多個類在某個元素中只要存在一個,就會返回true

例:JQ判斷某個元素下是否含有指定的子元素

国产视频appis()方法不僅僅可以判斷某個元素是否具有某個類,還能判斷某個元素是否含有指定的子元素,或某個元素的父元素是否為指定元素

国产视频app下面的示例,判斷一個元素中是否含有指定的元素

jQuery is() 方法,jquery hasClass()、is(),JQuery is()方法與hasClass()方法的對比

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

返回結果:true