jQuery选择器

jQuery选择器-------

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

1.基本选择器

#id---根据指定的id匹配一个元素---$("#test")选取一个id为test的元素

.class--根据指定的类名匹配一个元素--$(".test")选取一个class为test的元素

element--根据给定的元素匹配一个元素--$("p")选取所有的p元素

*--匹配所有元素--$("*")选取所有元素

2.层次选择器

$("ancestor descendant")--选取ancestor元素里的所有descendant（后代）元素---$('div span')选取<div>里所有的<span>元素

$("parent >child")--选取parent元素下的child子元素--$("div>span")选取<div>元素下的元素名是<span>的子元素

$(“prev+next”)--选取紧接在prev元素后的next元素--$('.test+div')选取class为test的下一个div同辈元素

$("prev~siblings")--选取prev元素之后的所有siblings元素--$("#test~div")选取id为test的元素后面所有<div>的同辈元素

3.基本过滤选择器

:fist---$("div:fist")---选取所有<div>元素中的第一个<div>元素

:last--$("div:last")--选取所有<div>元素中的最后一个<div>元素

:even--$('input:even')选取索引的偶数的<input>元素

:odd--$('input:even')选取索引的奇数的<input>元素

:header--$(":header")--选取网页中所有的H标签（h1,h2.......）

:focus--$(":focus")选取当前获取焦点的元素

3.属性过滤器

[attribute]--$("div[id]")选取拥有属性id的元素

[attribute==value]---$("div[title==test]")选取属性title为test的div元素

4.子元素过滤选择器

:nth-child

:first-child

:last-child

  目前常用的选择器基本就是这些了 ，熟记这些选择器学习jquery也就更加容易了。。。。