jQuery選擇器繼承自CSS的風(fēng)格，可以通過jQuery選擇器找出特定的DOM元素，在此基礎(chǔ)上對該元素做相應(yīng)處理。jQuery不僅支持簡單的標(biāo)簽選擇器、類選擇器、id選擇器，還針對表單狀態(tài)、子元素、元素順序提供相應(yīng)的選擇器。如果熟練運(yùn)用，則事半功倍。但是有些事情復(fù)雜了之后，使用、記憶就都有了難度。經(jīng)過分析總結(jié)，我把jQuery選擇器分選擇結(jié)果進(jìn)一步過濾 、針對同級元素操作和針對子元素操作三大類，方便理解，具體細(xì)節(jié)如下。

?

最簡單的選擇器類型

標(biāo)簽選擇器、類選擇器、ID選擇器

?

?

針對同輩元素

選擇結(jié)果為同輩元素，可以繼續(xù)添加選擇器選擇特定的同輩元素。

?

進(jìn)一步過濾

在當(dāng)前的選擇結(jié)果的基礎(chǔ)上，根據(jù)添加的過濾條件，更精細(xì)地篩選出相應(yīng)元素。我把過濾條件分為：根據(jù)位置、根據(jù)內(nèi)容、根據(jù)狀態(tài)、根據(jù)屬性幾類。

根據(jù)位置

根據(jù)內(nèi)容

根據(jù)屬性

根據(jù)屬性的選擇器還有很多，可以選出屬性不為某些值的元素、屬性包含某些值的元素，在這里不再具體列出。

根據(jù)狀態(tài)

?

針對后代元素

最簡單

根據(jù)位置

?

注意：

1、返回的是單個(gè)元素還是集合元素，類似于$("div:first")帶有“一個(gè)”字樣的選擇器返回的是一個(gè)元素，其他的選擇器都返回了符合此條件的多個(gè)元素。

2、依據(jù)位置選擇元素時(shí)，對選擇結(jié)果進(jìn)一步過濾時(shí)索引從0開始，對子元素進(jìn)一步過濾時(shí)索引從1開始。

轉(zhuǎn)載于:https://www.cnblogs.com/smoothLily/p/4058073.html

總結(jié)

以上是生活随笔為你收集整理的[每日一题jQuery] jQuery选择器总结：进一步过滤、同级操作、后代操作的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。