jQuery如何使用is()方法

這篇文章主要為大家展示了“jQuery如何使用is()方法”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jQuery如何使用is()方法”這篇文章吧。

is()方法

根據(jù)選擇器、元素或 jQuery 對(duì)象來(lái)檢測(cè)匹配元素集合，如果這些元素中至少有一個(gè)元素匹配給定的參數(shù)，則返回 true。一些小應(yīng)用如下:

<ul>
 <li>list <strong>item 1</strong></li>
 <li><span>list item 2</span></li>
 <li>list item 3</li>
</ul>

$("ul").click(function(event) {
 var $target = $(event.target);
 if ( $target.is("li") ) {
  $target.css("background-color", "red");
 }
});

如此,便可以限制住,只有列表項(xiàng)li本身點(diǎn)擊之后,才會(huì)觸發(fā)寫(xiě)入的點(diǎn)擊事件.

其也可以做以下一些判斷:

// 是不是一個(gè)div
elem.is('div') && console.log("it's a div");
// 是不是有包含(也可以有其他類名)bigbox的類名的元素?
elem.is('.bigbox') && console.log("it has the bigbox class!");
// 是不是隱藏的?
elem.is(':not(:visible)') && console.log("it is hidden!");

這里有一點(diǎn)需要注意,&&運(yùn)算符可以用來(lái)做一個(gè)判斷,當(dāng)前面的條件滿足時(shí),后面的會(huì)執(zhí)行,但是后面的條件不能是表達(dá)式,只能是console.log()或則++i一類的.

還有以下比較有用的用法:

elem.animate({'width':200},1000);
// 是否正在動(dòng)畫(huà)
elem.is(':animated') && console.log("it is animated!");

以上是“jQuery如何使用is()方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！