概述jQuery的元素筛选

　　$("p").eq(1);　　//如果选择器改为 $("p").eq(-1)，则我是第四个P会被选中
　　　　
　　

　　　　
我是第一个P
　　　　
我是第二个P
　　//会被选中，索引值为1
　　　　
我是第三个P
　　　　
我是第四个P
　　
　　

　　$("p").first();　　
　　

　　　　
我是第一个P
　　//我的索引值是0，我是第一个，我会被选中
　　　　
我是第二个P
　　　　
我是第三个P
　　　　
我是第四个P
　　
　

　　$("p").last();　　　
　　

　　　　
我是第一个P
　　　　
我是第二个P
　　　　
我是第三个P
　　　　
我是第四个P
 //我是最后一个，我会被选中
　　
　

 if($("p").hasClass("p2"))
　　{
　　　　alert("我里面含有class=p2的元素");　　//会弹出，p里的确存在class="p2"的元素
　　} 
　　

　　　　
我是第一个P
　　　　
我是第二个P
　　　　
我是第三个P
　　　　
我是第四个P
　　
　

　　$("p").filter(".p2");
　　

　　　　
我是第一个P
　　　　
我是第二个P
　　//我会被选中，我的class="p2"
　　　　
我是第三个P
　　　　
我是第四个P
　　
　　

　　$($("p").first().is(".p2"))
　　{
　　　　alert("不会弹出，因为第一个P的class不等于p2");　
　　}
　　

　　　　
我是第一个P
　　　　
我是第二个P
　　//我会被选中，我的class="p2"
　　　　
我是第三个P
　　　　
我是第四个P
　　
　

　　$("div").has("p");
　　
　　　　　　　　　　　　　　　　　//本div会被选中，因为该div含有p子元素
　　　　
我是第一个P
　　　　
我是第二个P
　　　　
我是第三个P
　　　　
我是第四个P
　　
　　

　　　　我是一个span
　　

　　$("p").not(".p2");
　　

　　　　
我是第一个P
　　　　　　　　//会被选中，没有class=p2
　　　　
我是第二个P
　 //不会被选中，因为有class=p2被not(".p2")排除了
　　　　
我是第三个P
　　　　　　　　//会被选中，没有class=p2
　　　　
我是第四个P
 　　　　　　　 //会被选中，没有class=p2
　　
 　

　　$("p").slice(1,3)
　　

　　　　
我是第一个P
　　　　　　　　//不会被选中，我索引为0
　　　　
我是第二个P
　 //会被选中，我索引为1
　　　　
我是第三个P
　　　　　　　　//会被选中，我索引为2
　　　　
我是第四个P
 　　　　　　　 //不会被选中，虽然我的索引为3，但是不包括我
　　
 

　　$("div").children(".p2");
　
　　

　　　　
我是第一个P
　　　　　　　　//不会被选中，虽然我是div的子元素，但是我没class=p2
　　　　
我是第二个P
　 //会被选中，我既是p的子元素，又有class=p2
　　　　
我是第三个P
　　　　　　　　//不会被选中，虽然我是div的子元素，但是我没class=p2
　　　　
我是第四个P
 　　　　　　　 //不会被选中，虽然我是div的子元素，但是我没class=p2
　　
 

　　$("span").closest("p","div");
　　
　　　　　　　　　　　　　　　　　　 //不会被选中，被P抢了先机
　　　　
我是第一个P　　　　　　　　　　　　//P会被选中，因为P符合条件，而且是最先匹配到的，虽然div也符合条件了，但是div不是最先匹配到的。因此div不会被选中。
　　　　　　我是P里的span
　　　　
　　
 　

　　$("div").find(".p2");　　　　
　　

　　　　
我是第一个P
　　　　　　　　//不会被选中，虽然我是div的子元素，但是我没class=p2
　　　　
我是第二个P
　 //会被选中，我既是p的子元素，又有class=p2
　　　　
我是第三个P
　　　　　　　　//不会被选中，虽然我是div的子元素，但是我没class=p2
　　　　
我是第四个P
 　　　　　　　 //不会被选中，虽然我是div的子元素，但是我没class=p2
　　
 　

　　$(".p2").next();　　　　//如果筛选改为$(".p2").next(".p4")那选中的是哪个呢？答案是：没选中任何元素，因为虽然有个class=p4的P，但它不是.p2的下一个。　　　　　　
　　

　　　　
我是第一个P
　　　　　　　　
　　　　
我是第二个P
　 
　　　　
我是第三个P
　　　　　　　　//我是.p2的next
　　　　
我是第四个P
　　
 　

　　$(".p2").nextAll();　　//如果筛选条件改为 $(".p2").nextAll(".p4");　　则只有我是第四个P会被选中
　　

　　　　
我是第一个P
　　　　　　　　
　　　　
我是第二个P
　 
　　　　
我是第三个P
　　　　　　　　//会被选中，是.p2后面的兄弟元素
　　　　
我是第四个P
 //会被选中，是.p2后面的兄弟元素
　　
 　

　　$(".p2").nextUntil(".p4");　　　　//注意此方法并不会包括.p4
　　

　　　　
我是第一个P
　　　　　　　　
　　　　
我是第二个P
　 
　　　　
我是第三个P
　　　　　　　　//会被选中，是.p2后面的兄弟元素
　　　　
我是第四个P
 //不会被选中，我作为结束条件，但不包括我
　　
 

　　$("span").offsetParent();
　　
　　//选中的是div，因此div是已定位元素。
　　　　

　　　　　　我是一个span
　　　　
　　

　　$("span").parent();
　　
　　
　　　　
　　　　　　　　　　　　　　　　//我是span的直接父元素，我会被匹配到
　　　　　　我是一个span
　　　　
　　

　　$("span").parents();
　　
　　//我是span的祖先元素，我也会被匹配到.另外也会被匹配到　　
　　　　
　　　　　　　　　　　　　　　　//我是span的直接父元素，我会被匹配到
　　　　　　我是一个span
　　　　
　　

　　$("span").parentsUntil("div");
　　
　　//我是span的祖先元素，但是我作为停止条件，我也不会被选中　　
　　　　
　　　　　　　　　　　　　　　　//我是span的直接父元素，我会被选中
　　　　　　我是一个span
　　　　
　　

　　$(".p2").prev();　　　　
　　

　　　　
我是第一个P
　　　　　　//我会被选中，我是.p2的前一个元素。
　　　　
我是第二个P
　 
　　　　
我是第三个P
　　　　　　　　
　　　　
我是第四个P
 
　　
 

　　$(".p4").prevAll(".p2");　　　　
　　

　　　　
我是第一个P
　　　　　　　　//不会被选中，虽然我是.p4前面的兄弟元素，但是我没有class=p2
　　　　
我是第二个P
　 //会被选中，我既是.p4前面的兄弟元素，而且我有class=p2
　　　　
我是第三个P
　　　　　　　　//不会被选中，虽然我是.p4前面的兄弟元素，但是我没有class=p2
　　　　
我是第四个P
 　
　　

　　$(".p4").prevUntil(".p2");　　　　
　　

　　　　
我是第一个P
　　　　　　　　//不会被选中，到p2就停止了
　　　　
我是第二个P
　 //不会被选中，我是停止条件，不包括我
　　　　
我是第三个P
　　　　　　　　//会被选中，我在.p2前，递归到我在到.p2
　　　　
我是第四个P
 　//不会被选中，我自己怎么可能是我自己前面的呢？
　　

　　$(".p2").siblings();　　　　
　　

　　　　
我是第一个P
　　　　　　　　//会被选中，我是.p2的兄弟元素
　　　　
我是第二个P
　 //不会被选中，我是自己
　　　　
我是第三个P
　　　　　　　　//会被选中，我是.p2的兄弟元素
　　　　
我是第四个P
 　//会被选中，我是.p2的兄弟元素
　　

　　$(".p2").add("span").css("background-color","red");　　　　
　　

　　　　
我是第一个P
　　　　　　　　
　　　　
我是第二个P
　 //会变红
　　　　
我是第三个P
　　　　　　　　
　　　　
我是第四个P
 　
　　
　　我是一个span　　　　　　//会变红

　　$(".p2").nextAll().andSelf().css("background-color","red");
　　

　　　　
我是第一个P
　　　　　　　　
　　　　
我是第二个P
　 //会变红,这就是andSelf()的效果
　　　　
我是第三个P
　　　　　　　　//会变红
　　　　
我是第四个P
 　//会变红
　　

　　$(".p2").next().end().css("background-color","red");
　　

　　　　
我是第一个P
　　　　　　　　
　　　　
我是第二个P
　 //会变红,这就end()的效果
　　　　
我是第三个P
　　　　　　　　//不会变红,尽管next()方法之后选中的是这一个，但是由于被end()方法回退了因此是上一个。
　　　　
我是第四个P