jquery学习day2

一、jQuery筛选方法

经过选择器选择之后，如果对象任然不满足自己的需要，就可以使用jquery中的定义的筛

选方法进一步的筛选，也就是进一步的选择。

1、筛选和排除与指定表达式匹配的元素的方法

1、filter()方法

fter方法能筛选出与指定表达式匹配的元素的集合。

如:$li.filter(".item/获取class属性值为item的li元素。

2、not（）方法

not方法能排除与指定表达式匹配的元素。与fter方

法对应。

如:$(li).not(".item)铁取class属性值不为item的li元素。

2.筛选子元素和后代元素的方法

1、children)方法

children方法返回被选元素的所有直接子元素。

$("div").children(".sel").css("color",

"blue");找到类名为sel的所有div的子元素,并将其设

置为蓝色。

2、find)方法

find方法返回被选元素的后代元素。后代是子、孙、曾

孙,依此类推。

如:$(ul).find(span)/饭回ul后代中所有的span

元素。

3、筛选父元素和祖先元素的方法

1、parent(O方法

parent方法返回被选元素的直接父元素。

如:$("span")parent()饭回<span>的直接父元素。

2、parents(O方法

parents方法返回被选元素的所有祖先元素。

如:$("span")-parents()/返回每个span元素的所有祖先元素。

4、筛选兄弟元素的方法 

1、siblings(O方法

siblings方法返回被选元素的所有同级兄弟元素。一般情况不会包括自己。

如:$("#four.siblings()返回id为four的元素的所有同级兄弟元素。

2、prevAll()方法

prevAll方法返回被选元素之前的所有同级兄弟元素。

如:$(#four)prevAll(()返回id为four的元素前的所有同级兄弟元素。

3、prev()方法

prev方法返回被选元素的紧邻的前一个同级兄弟元素。

如:$(#four)prev()/返回id为four的元素的前一个紧邻的同级兄弟元素。

4、nextAll(O方法

parents方法返回被选元素之后的所有同级兄弟元素。

如:$(#four.nextAll(O返回id为four的元素之后的所有同级兄弟元素。

5、next()方法

neXt方法返回被选元素的紧邻的后一个同级兄弟元素。

如:$(#four").next()/饭回id为four的元素的后一个紧邻的同级兄弟元素。