jQuery選擇器是jQuery中最有用的特性之一，是一種用于選擇HTML元素的語法。jQuery選擇器使用跟CSS相似的語法，讓開發(fā)者能夠輕松地定位和操作元素。

// 選擇ID為myElement的元素
$("#myElement")
// 選擇class為myClass的元素
$(".myClass")
// 選擇所有p標(biāo)簽的元素
$("p")
// 選擇所有表單元素
$(":input")

下面是一些jQuery選擇器的重點(diǎn)：

1.基本選擇器

// 選擇所有元素
$("*")
// 選擇第一個(gè)p標(biāo)簽
$("p:first")
// 選擇最后一個(gè)p標(biāo)簽
$("p:last")
// 選擇所有偶數(shù)的p標(biāo)簽
$("p:even")
// 選擇所有奇數(shù)的p標(biāo)簽
$("p:odd")
// 選擇第2個(gè)p標(biāo)簽
$("p:eq(1)")
// 選擇索引大于2的p標(biāo)簽
$("p:gt(2)")
// 選擇索引小于2的p標(biāo)簽
$("p:lt(2)")
// 選擇包含"測(cè)試"的p標(biāo)簽
$(":contains('測(cè)試')")

2.表單選擇器

// 選擇所有input元素
$("input")
// 選擇type為text的input元素
$("input[type='text']")
// 選擇type為radio的input元素
$("input[type='radio']")
// 選擇type為checkbox的input元素
$("input[type='checkbox']")
// 選擇type為submit的input元素
$("input[type='submit']")
// 選擇type為button的input元素
$("input[type='button']")

3.層級(jí)選擇器

// 選擇div里的所有p標(biāo)簽
$("div p")
// 選擇div里直接子元素的p標(biāo)簽
$("div > p")
// 選擇div后面緊跟著的p標(biāo)簽
$("div + p")
// 選擇div后面的所有p標(biāo)簽
$("div ~ p")

4.過濾選擇器

// 選擇class為myClass的元素，并排除ID為myElement的元素
$(".myClass:not(#myElement)")
// 選擇p標(biāo)簽，并只選擇第一個(gè)
$("p").first()
// 選擇p標(biāo)簽，并只選擇最后一個(gè)
$("p").last()
// 選擇p標(biāo)簽，并選擇偶數(shù)的元素
$("p").even()
// 選擇p標(biāo)簽，并選擇奇數(shù)的元素
$("p").odd()
// 選擇p標(biāo)簽，并排除class為myClass的元素
$("p").not(".myClass")
// 選擇p標(biāo)簽，并只選擇HTML內(nèi)容為"測(cè)試"的元素
$("p").filter(":contains('測(cè)試')")
// 選擇p標(biāo)簽，并只選擇HTML內(nèi)容不為"測(cè)試"的元素
$("p").not(":contains('測(cè)試')")

總之，jQuery選擇器提供了很多方便的方法來選擇和操作HTML元素。學(xué)會(huì)使用jQuery選擇器能夠幫助我們更快地完成編程任務(wù)。