abstrakt:(1) 祖先:3個(gè)方法:.parent(); //返回被選元素的"直接"父元素.parents(); //返回被選元素的"所有"祖先元素 ->擴(kuò)展: 返回被選元素的"所有"祖先元素 且 是<ul>元素 $("#targetLi").parents("ul");
(1) 祖先:
3個(gè)方法:
.parent(); //返回被選元素的"直接"父元素
.parents(); //返回被選元素的"所有"祖先元素
->擴(kuò)展: 返回被選元素的"所有"祖先元素 且 是<ul>元素
$("#targetLi").parents("ul");
其他情況以此類推。
.parentsUntil(); //返回被選元素的"兩個(gè)給定元素之間的"所有祖先元素
$("span").parentsUntil("div");
即:返回介于<span>與<div>元素之間的所有祖先元素
(2) 后代:
2個(gè)方法:
.children(); //返回被選元素的所有直接子元素
.find(); //返回被選元素的后代元素,一路遞進(jìn)直到最后一個(gè)后代
.find("*"); //返回被選元素的所有后代
(3)擴(kuò)展,和篩選器同用的時(shí)候:
<body> <div id="div1"> <div id="div1-1" title="A"> <div id="div1-1-1"></div> </div> <div id="div1-2" title="B"> <div id="div1-2-1"></div> <div id="div1-2-2" title="B"> <div id="div1-2-2-1"></div> </div> </div> </div> </body>
case1:
case2:
case3:
case4:
總結(jié)出,在篩選器里面帶有">"的,就會(huì)只遍歷直接下屬層(兒子層),而不會(huì)遍歷更下屬層(孫子層,曾孫子層...)
同時(shí),支持篩選器的各項(xiàng)語(yǔ)法。
(4) 同胞:
7個(gè)函數(shù):
前后都遍歷
.siblings(); //返回被選元素的所有同胞元素
只向后遍歷:
.next(); //返回被選元素的下一個(gè)同胞元素
.nextAll(); //返回被選元素的所有跟隨的同胞元素
.nextUntil(); //返回被選元素和指定元素之間的所有跟隨的同胞元素
如: $("h2").nextUntil("h6"); //返回介于 <h2> 與 <h6> 元素之間的所有同胞元素
只向前遍歷
.prev();.prevAll();.prevUntil();和前面的next反向類似,不再贅述。
(4) 過(guò)濾:
.first(); //首個(gè)
.last(); //尾個(gè)
.eq(); //指定index的
如: $("div").eq(3); //第4個(gè)div
.filter(); //規(guī)定一個(gè)標(biāo)準(zhǔn),不符合標(biāo)準(zhǔn)的會(huì)被從集合刪除,匹配的會(huì)被返回
如:$("p").filter(".intro"); //返回所有帶有類名"intro"的<p>元素
.not(); //和.filter()相反
如:$("p").not(".intro"); //返回所有不帶有類名"intro"的<p>元素