## 子元素集 children(\[expr\]) 概述：取得一個包含匹配的元素集合中每一個元素的所有子元素的元素集合。 ~~~ $("div").children(); // 查找 DIV 中的每個子元素。 $("div").children(".selected"); // 在每個 div 中查找 .selected 的類。 ~~~ ## 最近上級 closest(expr | object | element) 概述：從元素本身開始，逐級向上級元素匹配，并返回最先匹配的元素。 ~~~ $("li:first").closest("div"); // 查找列表項最近的上層 div 元素 ~~~ ## 查找 find(expr | object | element) 概述：搜索所有與指定表達式匹配的元素。 ~~~ // 從所有的段落開始，進一步搜索下面的 span 元素。與$("p span")相同。 $("p").find("span"); ~~~ ## 相鄰之后 next(\[expr\]) 概述：取得一個包含匹配的元素集合中每一個元素緊鄰的后面同輩元素的元素集合。 ~~~ $("p").next(); // 找到每個段落的后面緊鄰的同輩元素。 // 找到每個段落的后面緊鄰的同輩元素中類名為 selected 的元素。 $("p").next(".selected"); ~~~ ## 之后所有 nextAll(\[expr\]) 概述：查找當前元素之后所有的同輩元素。 ~~~ // 給第一個 div 之后的所有元素加個類 $("div:first").nextAll().addClass("after"); ~~~ ## 之后直至 nextUntil(\[expr | element\]\[, filter\]) 概述：查找當前元素之后所有的同輩元素，直到遇到匹配的那個元素為止。 ~~~ // 查找下一個含有 .active 類名的元素，添加紅色背景顏色 $('#li-item-1').nextUntil('.active').css('background-color', 'red'); ~~~ ## 定位父級 offsetParent() 概述：返回第一個匹配元素用于定位的父節點。這返回父元素中第一個其 position 設為 relative 或者 absolute 的元素。查找定位過的父級元素。 ~~~ // 設置最近的祖先定位元素的背景顏色 $("p").offsetParent().css("background-color","red"); ~~~ ## 直接父級 parent(\[expr\]) 概述：取得一個包含著所有匹配元素的唯一父元素的元素集合。 ~~~ $("p").parent(); // 查找每個段落的父元素。 $("p").parent(".selected"); // 查找段落的父元素中每個類名為 selected 的父元素。 ~~~ ## 所有父級 parents(\[expr\]) 概述：取得一個包含著所有匹配元素的祖先元素的元素集合（不包含根元素）。 ~~~ $("span").parents(); // 找到每個 span 元素的所有祖先元素。 $("span").parents("p"); // 找到每個 span 的所有是 p 元素的祖先元素。 ~~~ ## 直到父級 parentsUntil(\[expr | element\]\[, filter\]) 概述：查找當前元素的所有的父輩元素，直到遇到匹配的那個元素為止。 ~~~ // 查找 item-a 的祖先，但不包括 level $('li.item-a').parentsUntil('.level').css('background-color', 'red'); ~~~ ## 相鄰之前 prev(\[expr\]) 概述：取得一個包含匹配的元素集合中每一個元素緊鄰的前一個同輩元素的元素集合。 ~~~ $("p").prev(); // 找到每個段落緊鄰的前一個同輩元素。 // 找到每個段落緊鄰的前一個同輩元素中類名為 selected 的元素。 $("p").prev(".selected"); ~~~ ## 之前所有 prevAll(\[expr\]) 概述：查找當前元素之前所有的同輩元素。 ~~~ // 給最后一個之前的所有 div 加上一個類 $("div:last").prevAll().addClass("before"); ~~~ ## 之前直到 prevUntil(\[expr | element\]\[, filter\]) 概述：查找當前元素之前所有的同輩元素，直到遇到匹配的那個元素為止。 ~~~ // 查找上一個含有 .active 類名的元素，添加紅色背景顏色 $('#li-item-1').prevUntil('.active').css('background-color', 'red'); ~~~ ## 同級兄弟 siblings(\[expr\]) 概述：取得一個包含匹配的元素集合中每一個元素的所有唯一同輩元素的元素集合。 ~~~ $("div").siblings(); // 找到每個 div 的所有同輩元素。 // 找到每個 div 的所有同輩元素中帶有類名為 selected 的元素。 $("div").siblings(".selected"); ~~~