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

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

屬性作為DOM元素的一個重要特徵,也可以用於選擇器中,從本節開始將介紹通過元素屬性獲取元素的選擇器,[attribute=value]屬性選擇器的功能是獲取與屬性名和屬性值完全相同的全部元素,其中[]是專用於屬性選擇器的括號符,引數attribute表示屬性名稱,value引數表示屬性值。

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

在瀏覽器中顯示的效果:

從圖中可以看出,使用$("li[title='我最愛']")屬性選擇器程式碼,獲取了2個<li>元素,並呼叫css()方法設定它們在頁面中顯示的文字顏色,另外,屬性值中的‘’單引號可以不寫,由於屬性名與屬性值是等號,因此,它們之間不是包含關係,而是完全相同。