jQuery遍历中的方法

jQuery遍历

向上遍历DOM-祖先

parent() 方法：返回被选元素的直接父元素

parents()方法：返回被选元素的所有父元素

parentsUntil()方法：返回被选元素的父元素直到某个父元素为止

后代

children()：方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。即不包括孙节点。

find()：方法返回被选元素的后代元素，一路向下直到最后一个后代。

同胞（下）

siblings() ：方法返回被选元素的所有同胞元素。

$("h2").siblings("p")；也可以这样指定兄弟元素中的某个

next() ：方法返回被选元素的下一个同胞元素。

nextAll() ：方法返回被选元素的所有跟随的同胞元素。

nextUntil() ：方法返回介于两个给定参数之间的所有跟随的同胞元素。

同胞（上）

prev()：方法返回被选元素的上一个同胞元素。

prevAll() ：方法返回被选元素的上边的所有同胞元素。

 prevUntil()：方法返回介于两个给定参数之间的所有上面guol的的同胞元素。

过滤

first()： 方法返回被选元素的首个元素。

$("div p").first()

last() ：方法返回被选元素的最后一个元素

eq() 方法返回被选元素中带有指定索引号的元素。 索引从0开始。

$("ul li").eq(0).width(200);

 $("ul li:eq(0)").height(200);这两种方法效果一样。

filter() 方法：不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回

$("p").filter(".url") 返回带有class名为url的p元素

not() 方法返回不匹配标准的所有元素，与filter() 方法相反。

is()方法 用于查看选择的元素是否匹配选择器

例：name属性为checkall的input标签,input标签的checked属性为checked，即checkbox被选上了

        $('input[name="checkall"]').is(':checked')

冒号类似于一个选择器，代表前面这个对象的属性

has() 方法 返回拥有匹配指定选择器的一个或多个元素在其内的所有元素

$("p,h3,div").has("span")  返回内部拥有span元素的p,h3,div元素

contents() 方法返回所有直接子元素，包括被选元素的文本和注释节点，与 children() 方法类似，不同的是它返回的是文本和注释节点 。

查找div元素中的em标签中的文本节点，并用b标签包裹
$("div").contents().filter("em").wrap("");

each()方法

例：输出每个li中的值
$("li").each(function(){

    alert($(this).text())

}

prop()方法

$x.prop("color","FF0000");  为x对象设置属性

$x.removeProp("color"); 为x对象移除属性

closest() 方法

返回被选元素的第一个父元素，祖先是父、祖父、曾祖父，依此类推。

$("span").closest("ul")   span的第一个ul祖先元素

add() 方法

把元素添加到已存在的元素组合中

$("h1").add("p").add("span").css("background-color","yellow");