jQuery是一款廣泛使用的JavaScript庫,可以幫助開發(fā)者更輕松地操作HTML文檔,完成各種各樣的操作。其中一個非常重要的功能就是選擇器,它能夠根據(jù)CSS選擇器的規(guī)則,選取文檔中的元素,并進(jìn)行操作。
$(selector).action();
jQuery中的選擇器大致可分為三類:
- 基礎(chǔ)選擇器:根據(jù)元素類型、ID、類名等基礎(chǔ)屬性進(jìn)行選擇。
- 層次選擇器:根據(jù)元素在文檔中的位置關(guān)系進(jìn)行選擇。
- 自定義選擇器:通過擴(kuò)展方式添加的選擇器,可以根據(jù)開發(fā)者需求自定義元素選擇規(guī)則。
自定義選擇器是jQuery選擇器的一個擴(kuò)展點(diǎn),它們是通過給jQuery.fn對象添加新方法的方式進(jìn)行定義的。
$.expr[':'].custom = function(element) { // 自定義選擇器的實(shí)現(xiàn) return true; // 或者false };
通過注冊自定義選擇器,我們可以為項(xiàng)目注入更多的靈活性和便捷性。一些常用的自定義選擇器包括:
- :even/:odd:選擇偶數(shù)或奇數(shù)的元素。
- :header:選擇標(biāo)題元素(h1~h6)。
- :contains(text):選擇包含文本的元素。
- :input/:text/:password/:submit 等:選擇輸入框元素。
- :not(selector):排除某個元素。
自定義選擇器與基礎(chǔ)選擇器、層次選擇器一樣,都可以進(jìn)行組合使用,從而實(shí)現(xiàn)更為高級的元素選擇。