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

?

最簡單的選擇器類型

標簽選擇器、類選擇器、ID選擇器

?

?

針對同輩元素

選擇結果為同輩元素，可以繼續添加選擇器選擇特定的同輩元素。

?

進一步過濾

在當前的選擇結果的基礎上，根據添加的過濾條件，更精細地篩選出相應元素。我把過濾條件分為：根據位置、根據內容、根據狀態、根據屬性幾類。

根據位置

根據內容

根據屬性

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

根據狀態

?

針對后代元素

最簡單

根據位置

?

注意：

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

2、依據位置選擇元素時，對選擇結果進一步過濾時索引從0開始，對子元素進一步過濾時索引從1開始。

轉載于:https://www.cnblogs.com/smoothLily/p/4058073.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。