Jquery是現(xiàn)代Web開發(fā)中不可或缺的一部分,選擇器的使用更是其中的重要部分之一。在使用Jquery選擇器時,我們經(jīng)常會遇到需要選擇不包含某個class的情況。
// 選擇不包含test的元素 $('div:not(.test)').css('background-color', 'grey');
可以看到上面的代碼使用了:not()選擇器,其中的.test就是需要排除的class,當中間沒有其他選擇器時,就是選擇所有不包含該class的元素。
// 選擇保護class是my-class但是不包含test的元素 $('div.my-class:not(.test)').css('background-color', 'grey');
如果只想選擇某個class中同時不包含其他class的元素,可以在該class前面加上.class選擇器,如上面的代碼所示。
// 選擇所有不包含test1、test2、test3的元素 $('div:not(.test1,.test2,.test3)').css('background-color', 'grey');
如果需要排除多個class,可以在:not()選擇器中使用多個class,使用逗號分隔,如上面的代碼所示。這樣就可以方便快捷地選擇所有不包含指定class的元素了。
上一篇html的表情字符代碼
下一篇html的視屏鏈接代碼