相信大家都已經熟悉了jQuery is()函數的用法,在判斷某一元素是否擁有某一類名、屬性等方面都非常方便。不過,我們今天要介紹的是jQuery is()函數的相反操作。
// 判斷一個元素是否不含有某一類名 if(!$('div').is('.className')) { console.log('該元素不含有該類名'); } // 判斷一個元素是否不含有某一屬性 if(!$('div').is('[attrName]')) { console.log('該元素不含有該屬性'); } // 判斷一個元素是否不為某一類型 if(!$('div').is(':text')) { console.log('該元素不為文本類型'); }
是的,你沒有看錯,上面代碼中的is()函數加上了邏輯非操作符!也就是說,只要將原來查詢的結果再取反一下,就能得到與jQuery is()函數相反的效果了。
在某些情況下,使用jQuery is()函數的相反操作會讓代碼更簡單易懂。例如,我們想判斷一下某一元素是否同時不含有類名A和類名B,可以這樣寫:
if(!$('div').is('.A, .B')) { console.log('該元素不同時含有類名A和類名B'); }
相信通過本篇文章的介紹,大家已經對jQuery is()函數的相反操作有了初步了解,并可以在實踐中更加靈活地運用它。