jQuery--5.筛选

1       筛选

1.1  过滤

 

1.2  查找

<A>

       <B>

              <C></C>

              <D></D>

              <E></E>

              <F></F>

       </B>

</A>

B.children([...])   获得所有的子元素。CDEF

A.find(D) 从指定的区域查询指定元素。D

D.next()  下一个兄弟。E

D.nextAll() 后面的所有兄弟。EF

E.prev()  上一个兄弟。D  （previous）

E.prevAll() 前面的所有兄弟。CD

E.siblings()     所有兄弟。CDF

E.parent() 父元素。B

E.closest(A)  向上获得指定的父元素（含自己），如果获得返回一个对象，如果没有没有对象。

------------------------------

 

C.nextUntil(E)  获得后面所有兄弟，直到指定条件位置。DE

F.prevUntil(D)  获得前面所有兄弟，直到指定条件位置。DE

 

E.parents()   获得所有的父元素。AB

 

closest和parents的主要区别是：

1，前者从当前元素开始匹配寻找，后者从父元素开始匹配寻找；

2，前者逐级向上查找，直到发现匹配的元素后就停止了，后者一直向上查找直到根元素，然后把这些元素放进一个临时集合中，再用给定的选择器表达式去过滤；

3，前者返回0或1个元素，后者可能包含0个，1个，或者多个元素。

 

1.3  串联

  将多条语句，改成一条。（得瑟代码）

A.add(B) 将A和B组合一个对象。类型 $("A,B")

andSelf() ：将之前对象添加到操作集合中

       A.children().andSelf() 

     A     孩子   孩子和A

end() ：回到最近的一个"破坏性"操作之前

       A.children().children().end().end() 

       A   孩子   孙子        孩子 A

--------------------

contents() 获得所有的子节点（子元素 和 文本）

 

2       选择器和筛选

选择器可以完成功能，筛选提供相同函数。

       选择器    :first

       筛选       first()

对比：

       $("div:first")   直接获得第一个div （永远只能操作第一个）

       $("div").first()       先获得所有的div，从所有的中筛选出第一个。 （可以操作第一个，也可以操作所有）