jQuery是一個非常流行的JavaScript庫,它提供了許多內置的函數和方法,使得JavaScript的開發更加便捷快速。而jQuery選擇器是jQuery的一個重要特性,它可以通過CSS選擇器來選擇文檔中的元素,并對它們進行操作。以下是一些常用的jQuery選擇器。
$(document) //選擇整個文檔 $('#header') //選擇id為header的元素 $('.container') //選擇所有class為container的元素 $('button') //選擇所有button元素 $('input[type="text"]') //選擇所有type屬性為text的input元素 $('ul li') //選擇所有ul元素下的li元素 $('div p:first-child') //選擇div元素下第一個p元素 $('img[alt$="example"]') //選擇alt屬性以example結尾的img元素
另外,jQuery選擇器還支持一些特殊的選擇方式。
$(':first') //選擇第一個元素 $(':last') //選擇最后一個元素 $(':even') //選擇偶數元素 $(':odd') //選擇奇數元素 $(':contains("text")') //選擇含有指定文本的元素 $(':empty') //選擇沒有子元素的元素 $(':hidden') //選擇不可見的元素 $(':visible') //選擇可見的元素
jQuery選擇器的靈活和強大為開發者帶來了很多便利,而且可以與其他jQuery函數和方法結合使用進行操作,極大地提高了開發效率。同時,jQuery選擇器還能夠通過自定義擴展實現更加靈活的選擇方式。
上一篇jquery選擇輸入框