1.find():獲得當前元素中每個元素的后代,通過選擇器、jQuery對象或元素篩選。
例如:
$("p").find("span").css('color','red');//<p>標簽下的<span>標簽字體顏色為紅色。
2.next():獲得匹配元素集合中每個元素緊鄰的同胞元素。如果提供選擇器,則取回匹配該選擇器的下一個同胞元素。
例如1:
<body> <p>Hello</p> <p class="selected">Hello Again</p> <div><span>And Again</span></div> <p>World</p> </body>
在其中添加next()方法:
(1) $("p").next(".selected").css("background", "yellow"); 結果為:“Hello Again”背景色為黃色。 分析:所有<p>標簽的緊鄰同胞(p)的帶有selected的選擇器的元素。 (2) $("p").next().css("background", "yellow"); 結果為:除了第一個其他”背景色為黃色。 分析:所有<p>標簽的緊鄰的元素。 (3) $("p.selected").next().css("background", "yellow"); 結果為:"And Again"背景色為黃色。 分析:帶有selected選擇器<p>標簽的緊鄰元素。
注意:匹配的所有元素。返回所有元素的緊鄰(指一個)同胞(不一定是一樣的標簽)。
3.siblings() :獲得匹配集合中每個元素的同胞。
這個方法和上面的方法僅僅是去掉了“緊鄰”,則獲得所有同胞元素。
4.parent(): 獲得當前匹配元素集合中每個元素的父元素,使用選擇器進行篩選是可選的。
例如:
<body> <div><p selected>Hello</p></div> <div class="selected"> <span>hi</span> <div class="se"> <p>Hello Again</p> </div> </div> <script> $("p").parent(".selected").css("background", "yellow"); </script> 結果:沒有元素有背景色。 分析:先獲得<p>所有的元素,獲得他們的父元素(一個元素的父元素只有一個),再通過選擇器來在這些中選擇。
5.closeset():獲得匹配選擇器的第一個祖先元素,從當前元素開始沿 DOM 樹向上。參數為:element或者selector。