JSLite - 尋找節點

find

後代節點的集合(可以帶上濾選擇器)。

$("#box").find()        //⇒后代节点的集合
$("#box").find(".box")  //⇒后代节点的集合，返回匹配".box" 的集合

children

取得每個符合元素集合元素的直接子元素(可以帶上濾選擇器)。

$("#box").children()
//下面这种方法也可以的 CSS3 节点选择器 -_+
$("#box *")

contents

獲得每個符合元素集合元素的子元素，包括文字和註解節點。 contents()   ⇒ collection

$("#box").contents()

parent

物件集合中每個元素的直接父元素。

$("#box").parent()

parents

取得物件集合每個元素所有的祖先元素（不包含根元素）。
parents([selector])  ⇒ collection

$("#box").parents()

$("#boxWhy").parents(".boxss")

closest

從元素本身開始，逐級向上級元素匹配，並傳回最早符合selector的祖先元素。如果context節點參數存在。那麼直考慮該節點的後代。這個方法與 parents(selector)有點相像，但他只回傳最先匹配的祖先元素。

$("#box").closest("div")

$(document).bind("click", function(e) {
    console.log(e.target)//当前点击的对象
    $(e.target).closest("li").css("background","red");
});

$("#boxWhy").closest(".boxss",$("#box")[0])//#boxWhy节点的父节点为："$("#box")[0]"的子节点".boxss"

prev

取得物件集合每個元素的所有上一個物件(可以帶上濾選擇器)。

$("#box").prev("div")

next

取得物件集合每個元素的所有下一個物件(可以帶上濾選擇器)。

$("#box").next("div")

prevAll

取得對此物件【上】所有兄弟物件(可以帶上濾選擇器)。

$("#box").prevAll("div")

nextAll

取得對此物件【下】所有兄弟物件(可以帶上濾選擇器)。

$("#box").nextAll("div")

siblings

取得對此物件【其它】所有兄弟物件(可以帶上濾選擇器)。

$("#box").siblings()

slice

array中提取的方法。從start開始，如果end 指出。提取不包含end位置的元素。 slice(start, [end]) ⇒ array

$("div").slice(3) //返回数组中第三个(包含第三个)之后的所有元素
$("div").slice(3,5) //返回数组 3-5之间的元素

add

新增元素到符合的JSLite物件集合

$("#box").siblings()