JQuery选择器

1.基本选择器

$("#one").css("background","#808080");改变id为one的元素的背景色

$(".one").css("background","#808080");改变class为one的元素的背景色

$("div").css("background","#bbffaa");选择标签

$("*")改变所有元素

$("span",#one)选择多个标签

2.层次选择器

$("div span")选择div里所有的span元素

$("div >span")选择div里元素名为span的子元素

$(".one+div")选择class为one的下一个同辈元素

$("#one~div")选择id名为one元素后面的所有div同辈元素

3.常用过滤选择器

$("div:first")选取第一个div元素

$("div:last")选取最后一个div元素

$("div:even")选取索引为偶数的div

$("div:odd")选取索引为奇数的div

$("div:not(.one)")选取class不为one的div

$("div:eq(3)")选取索引值等于3的

$("div:gt(3)")选取索引大于3的

$("div:lt(3)")选取索引小于3的

$(":header")选择所有标题元素h1,h2,h3

4.内容过滤器

$("div:contains(di)")选取内容包含di的div元素

$("div:empty")选择不包含子元素的div(包括文本元素)

$("div:has('.mini')")改变含有class为mini的div元素

$("div:parent")选择含有子元素（包括文本元素）的div

5.可见性过滤器

$(":hidden")选取所有不可见的元素

$("div:visible")选取所有可见的div元素

6.属性过滤器

$("div[title]")选择含有属性title的div元素

$("div[title=test]")选择属性title等于test的div元素

$("div[title^=te]")选择属性title以te开始的div元素

$("div[title$=es]")选择属性title以es结尾的div元素

$("div[title*=es]")选择属性title含有es的div元素

$("div[id][title*=es]")选择含有属性id并且属性title含有es的div元素

$('div[title|="en"]')选择属性title等于en或者以en为前缀(如en_uk)的div

$('div[title~="en"]')选择属性title用空格分隔值中包含en的div如（title="en uk"）

7.表单对象属性过滤选择器

$("#form1 :enabled")选取id为form1的所有可用元素，对应的有不可用：disabled

$("input:cheked")选取所有被选中的input元素，

$("select :selected").text();获取下拉框的内容

$(":button")获取所有的按钮

$(":submit")获取所有的提交按钮

$(":text")获取所有的单行文本框

$(":checkbox")获取所有的多选框

$(":radio")获取所有的单选框

$(":reset")获取所有的重置按钮

$(":image")获取所有的图片按钮

$(":input")获取所有的<input><textarea><select>,<button>

8.子元素过滤选择器

$("div.one :nth-child(2)")选择class为one的div父元素下的第二个子元素

$("div.one :first-child")选择class为one的div父元素下的第一个子元素

$("div.one :last-child")选择class为one的div父元素下的最后一个子元素

$("div.one :only-child")选择class为one的div父元素下只有一个子元素