JSLite - 查找節(jié)點(diǎn)

如有疑問(wèn)歡迎到這些地方交流，歡迎加入JSLite.io組織團(tuán)伙共同開(kāi)發(fā)！

segmentfault社區(qū) | 官方網(wǎng)站 | 官方文檔-更詳細(xì) | Issues

find

后代節(jié)點(diǎn)的集合(可以帶上濾選擇器)。

$("#box").find()        //?后代節(jié)點(diǎn)的集合
$("#box").find(".box")  //?后代節(jié)點(diǎn)的集合，返回匹配".box" 的集合

children

獲得每個(gè)匹配元素集合元素的直接子元素(可以帶上濾選擇器)。

$("#box").children()
//下面這種方法也可以的 CSS3 節(jié)點(diǎn)選擇器 -_+
$("#box *")

contents

獲得每個(gè)匹配元素集合元素的子元素，包括文字和注釋節(jié)點(diǎn)。
contents() ? collection

$("#box").contents()

parent

對(duì)象集合中每個(gè)元素的直接父元素。

$("#box").parent()

parents

獲取對(duì)象集合每個(gè)元素所有的祖先元素（不包含根元素）。

parents([selector]) ? collection

$("#box").parents()


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

closest

從元素本身開(kāi)始，逐級(jí)向上級(jí)元素匹配，并返回最先匹配selector的祖先元素。如果context節(jié)點(diǎn)參數(shù)存在。那么直考慮該節(jié)點(diǎn)的后代。這個(gè)方法與 parents(selector)有點(diǎn)相像，但他只返回最先匹配的祖先元素。

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


$(document).bind("click", function(e) {
    console.log(e.target)//當(dāng)前點(diǎn)擊的對(duì)象
    $(e.target).closest("li").css("background","red");
});


$("#boxWhy").closest(".boxss",$("#box")[0])//#boxWhy節(jié)點(diǎn)的父節(jié)點(diǎn)為："$("#box")[0]"的子節(jié)點(diǎn)".boxss"

prev

獲取對(duì)象集合每個(gè)元素的所有上一個(gè)對(duì)象(可以帶上濾選擇器)。

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

next

獲取對(duì)象集合每個(gè)元素的所有下一個(gè)對(duì)象(可以帶上濾選擇器)。

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

prevAll

獲取對(duì)此對(duì)象【上】所有兄弟對(duì)象(可以帶上濾選擇器)。

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

nextAll

獲取對(duì)此對(duì)象【下】所有兄弟對(duì)象(可以帶上濾選擇器)。

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

siblings

獲取對(duì)此對(duì)象【其它】所有兄弟對(duì)象(可以帶上濾選擇器)。

$("#box").siblings()

slice

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

$("div").slice(3) //返回?cái)?shù)組中第三個(gè)(包含第三個(gè))之后的所有元素
$("div").slice(3,5) //返回?cái)?shù)組 3-5之間的元素 

add

添加元素到匹配的JSLite對(duì)象集合

$("#box").siblings()