在jQuery中,使用id選擇器是非常常見的操作,但有時候我們需要選擇具有類似命名方式的一組元素,這時候jQuery的模糊id選擇器就派上用場了。
$('div[id^="header"]'); // 選擇所有id以"header"開始的div $('div[id$="footer"]'); // 選擇所有id以"footer"結尾的div $('div[id*="content"]'); // 選擇所有id中包含"content"的div
上述代碼就是使用了模糊id選擇器,在選擇元素的時候,只需要在id的括號中加上^、$、*加上對應的字符串即可。
模糊id選擇器不僅可以選擇div元素,還可以選擇其他類型的元素,例如:
$('input[id^="username"]'); // 選擇所有id以"username"開始的input $('img[id$="avatar"]'); // 選擇所有id以"avatar"結尾的img $('a[id*="link"]'); // 選擇所有id中包含"link"的a標簽
通過使用模糊id選擇器,我們可以更加方便地對元素進行選擇,同時也可以減少代碼的冗余度。
下一篇用css設置二級菜單