jquery 經常使用選擇器基礎語法學習

1.過濾器filter（有xxx類的，或id=xxx的元素）與not（沒有XXX類，或不是id=xxx的元素）

2.父代選擇器parent與parents()，parent是選則直接父類，parents是選擇父類，父類的父類。

因此很重要的一點是：parent()是隻返回一個元素的，而祖先選擇器parents("ul")他返回多個祖先元素。他裏面是能夠過濾元素的。parents("ul")表示獲取全部祖先元素，而且是ul的。這是比較經常使用的配合過濾使用。

 

---

最常的作法是配合元素過濾。

3.有父代選擇器，那麼就有子代選擇器children和後代選擇器find。

直接子代跟後代元素有什麼不一樣?直接子代就是它的兒子，後代元素，能夠是他的兒子，他的孫子...只要是它裏面的元素便可。

跟上面相似，有點不一樣的是不管是直接子代，仍是後代元素均可以有多個。

即children("p")返回p標籤的全部子代元素。

find("p")返回全部p標籤的後代元素。

 

5.接下來，還有一個就是獲取兄弟元素（同胞，同一個層級）siblings("p")。常見的應用場景就是導航欄tab欄切換時的高亮效果。

還有就是next和prev方法，上一個和下一個同胞。

nextAll()和prevAll ()能夠配合eq(2)使用，eq是得到數組中下標爲2的元素。例如$(this).nextAll().eq(2).attr("href").attr是得到該元素的href屬性的值。

 

 

 學完以後，能夠去找個購物車頁面的模板，研究一下他的js代碼是怎麼寫的。總結下來，發現只有獲取直接父代的方法parent()是裏面是沒有過濾效果的，之前還有點迷惑，如今總結出來，方便記憶。