1. 程式人生 > >3-8[attribute!=value]屬性選擇器

3-8[attribute!=value]屬性選擇器

與上一節介紹的[attribute=value]屬性選擇器正好相反,[attribute!=value]屬性選擇器的功能是獲取不包含屬性名,或者與屬性名和屬性值不相同的全部元素,其中[]是專用於屬性選擇器的括號符,引數attribute表示屬性名稱,value引數表示屬性值。

例如,使用[attribute!=value]屬性選擇器,獲取指定不包含屬性名,或與屬性名和對應值不同的全部<li>元素,並設定它們顯示的文字顏色,如圖所示:

在瀏覽器中顯示的效果:

可以看出,使用$("li[title!='我最愛']")屬性選擇器程式碼,獲取了3個<li>元素,其中一個是不包含title屬性名,另外兩個的title屬性值不等於“我最愛”,獲取元素後並呼叫css()

方法設定這些元素在頁面中顯示的文字顏色。