jQuery遍歷
向上遍歷DOM-祖先
parent() 方法:返回被選元素的直接父元素
parents()方法:返回被選元素的所有父元素
parentsUntil()方法:返回被選元素的父元素直到某個(gè)父元素為止
后代
children():方法返回被選元素的所有直接子元素。該方法只會(huì)向下一級(jí)對(duì) DOM 樹(shù)進(jìn)行遍歷扯躺。即不包括孫節(jié)點(diǎn)镀娶。
find():方法返回被選元素的后代元素翠霍,一路向下直到最后一個(gè)后代牲剃。
同胞(下)
siblings() :方法返回被選元素的所有同胞元素纹冤。
$("h2").siblings("p");也可以這樣指定兄弟元素中的某個(gè)
next() :方法返回被選元素的下一個(gè)同胞元素讶踪。
nextAll() :方法返回被選元素的所有跟隨的同胞元素讲婚。
nextUntil() :方法返回介于兩個(gè)給定參數(shù)之間的所有跟隨的同胞元素。
同胞(上)
prev():方法返回被選元素的上一個(gè)同胞元素俊柔。
prevAll() :方法返回被選元素的上邊的所有同胞元素。
?prevUntil():方法返回介于兩個(gè)給定參數(shù)之間的所有上面guol的的同胞元素活合。
過(guò)濾
first(): 方法返回被選元素的首個(gè)元素雏婶。
$("div p").first()
last() :方法返回被選元素的最后一個(gè)元素
eq() 方法返回被選元素中帶有指定索引號(hào)的元素。 索引從0開(kāi)始白指。
$("ul li").eq(0).width(200);
?$("ul li:eq(0)").height(200);這兩種方法效果一樣留晚。
filter() 方法:不匹配這個(gè)標(biāo)準(zhǔn)的元素會(huì)被從集合中刪除,匹配的元素會(huì)被返回
$("p").filter(".url") 返回帶有class名為url的p元素
not() 方法返回不匹配標(biāo)準(zhǔn)的所有元素告嘲,與filter() 方法相反错维。
is()方法?用于查看選擇的元素是否匹配選擇器
例:name屬性為checkall的input標(biāo)簽,input標(biāo)簽的checked屬性為checked,即checkbox被選上了
????????$('input[name="checkall"]').is(':checked')
冒號(hào)類(lèi)似于一個(gè)選擇器橄唬,代表前面這個(gè)對(duì)象的屬性
has() 方法 返回?fù)碛衅ヅ渲付ㄟx擇器的一個(gè)或多個(gè)元素在其內(nèi)的所有元素
$("p,h3,div").has("span")? 返回內(nèi)部擁有span元素的p,h3,div元素
contents() 方法返回所有直接子元素赋焕,包括被選元素的文本和注釋節(jié)點(diǎn),與?children()?方法類(lèi)似仰楚,不同的是它返回的是文本和注釋節(jié)點(diǎn) 隆判。
查找div元素中的em標(biāo)簽中的文本節(jié)點(diǎn),并用b標(biāo)簽包裹
$("div").contents().filter("em").wrap("<b/>");
each()方法
例:輸出每個(gè)li中的值
$("li").each(function(){
????alert($(this).text())
}
prop()方法
$x.prop("color","FF0000");? 為x對(duì)象設(shè)置屬性
$x.removeProp("color"); 為x對(duì)象移除屬性
closest() 方法
返回被選元素的第一個(gè)父元素僧界,祖先是父侨嘀、祖父、曾祖父捂襟,依此類(lèi)推咬腕。
$("span").closest("ul")? ?span的第一個(gè)ul祖先元素
add() 方法
把元素添加到已存在的元素組合中
$("h1").add("p").add("span").css("background-color","yellow");