JQuery選擇器是非常強大的,它允許我們以各種方式選擇HTML元素。然而,在某些情況下,我們希望排除某些元素,只選擇其他一些元素。那么,jQuery選擇器排除功能就派上用場了。
// 選擇所有的div元素,但排除class為"excluded"的元素 $("div:not(.excluded)").css("color", "red");
在上面的代碼中,我們使用了:not()選擇器來排除class為"excluded"的元素。這意味著我們選擇所有div元素,但不包括class為"excluded"的元素。
// 選擇所有p元素,但排除class為"highlighted"和id為"exclude"的元素 $("p:not(.highlighted, #exclude)").css("font-size", "18px");
可以看到,在:not()中,我們可以在括號內使用逗號分隔多個選擇器,以便排除多個元素。
// 選擇所有表格中的行元素,但排除第一行 $("table tr:not(:first-child)").css("background-color", "yellow");
在上面的代碼中,我們使用了:first-child選擇器來排除第一行。
總之,排除功能是非常有用的,它使我們的選擇器更加靈活和精確。