jQuery 是一個(gè)非常流行的 JavaScript 庫(kù),它可以幫助開發(fā)者更加方便快速地操作文檔對(duì)象模型(DOM)。其中,選擇器是 jQuery 最重要的特性之一,通過選擇器可以選取 HTML 元素,并對(duì)其進(jìn)行操作。
jQuery 選擇器可以分為四類:
1. 基礎(chǔ)選擇器
$(element) 選擇指定元素 $("#id") 選擇指定 ID 的元素 $(".class") 選擇指定 class 的元素 $("*") 選擇所有元素
2. 層次選擇器
$("ancestor descendant") 選擇 ancestor 元素中的所有 descendant 子孫元素 $("parent > child") 選擇 parent 元素中的所有 child 直接子元素 $("prev + next") 選擇 prev 元素后面的第一個(gè) next 元素 $("prev ~ siblings") 選擇 prev 元素后面的所有 siblings 元素
3. 過濾選擇器
$(":first") 選擇第一個(gè)匹配的元素 $(":last") 選擇最后一個(gè)匹配的元素 $(":even") 選擇偶數(shù)位置的元素 $(":odd") 選擇奇數(shù)位置的元素 $(":eq(index)") 選擇按索引值匹配的元素 $(":gt(no)") 選擇索引值大于 no 的元素 $(":lt(no)") 選擇索引值小于 no 的元素 $(":header") 選擇所有標(biāo)題元素 $(":animated") 選擇當(dāng)前正在執(zhí)行動(dòng)畫的元素 $(":focus") 選擇當(dāng)前獲取焦點(diǎn)的元素
4. 表單選擇器
$(":input") 選擇所有表單控件元素 $(":text") 選擇所有文本框元素 $(":password") 選擇所有密碼框元素 $(":radio") 選擇所有單選框元素 $(":checkbox") 選擇所有復(fù)選框元素 $(":submit") 選擇所有提交按鈕元素 $(":reset") 選擇所有重置按鈕元素 $(":button") 選擇所有普通按鈕元素 $(":file") 選擇所有文件上傳元素 $(":image") 選擇所有圖像域元素
通過這些選擇器,我們可以更加靈活地操作 DOM 元素,快速地實(shí)現(xiàn)網(wǎng)頁(yè)效果。但是使用 jQuery 選擇器時(shí),應(yīng)注意不要給選擇器過多的參數(shù),否則會(huì)降低 jQuery 效率。
上一篇jquery選擇器模糊
下一篇jquery選擇器屬性值