2018年9月-10月前端學習總結——jq的幾個dom操作的方法

1.siblings()

獲得匹配集合中每個元素的同胞(兄弟節點),通過選擇器進行篩選是可選的。

用法:

$("p").siblings(".selected")//查找每個 p 元素的所有類名爲 "selected" 的所有同胞元素

2.find()

返回被選元素的後代元素。相當於css中的後代選擇器 .parent .familymembers

後代是子、孫、曾孫,依此類推

children() 方法返回被選元素的所有【直接子元素】

3.jq僞類 :gt :lt

(1):gt  選取 index 值大於指定數的元素。index從0開始。

$('.wrap .hotlist:gt(3)')//獲取wrap下類名爲hotlist的【下標】爲3之後的元素,從4開始(>3)

(2):lt  選取 index 值小於指定數的元素。index從0開始。

$('.wrap .hotlist:lt(3)')//獲取wrap下類名爲hotlist的【下標】爲3之前的元素,0到2(<3)

(3):lt  和 :gt結合使用

$('li:gt(3):lt(4)')//獲取下標爲4開始數7個的元素,即下標爲4 5 6 7四個li元素

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章