jquery选择器

1、基本选择器

#id           $("#test")选取id为test的元素

.class        $(".test")选取class为test的元素

element     $("p")选取所有的<p>的元素

*               所以元素

selector1,selector2,....,selectorN 

2、层次选择器

$("parent child")                $("div span") 选取<div>下所有的<span>元素

$("parent>child")               $("div>span") 选取<div>下子<span>元素，不包括孙子辈下的<span>元素

$("prev+next")                  $(".one+div") 等价于$(".one").next("div"); 下一个<div>兄弟元素

$("prev~next")                   $(".one~div") 等价于$(".one").nextAll("div"); class为one后的同辈的div元素

$(".one").siblings("div")       class为one所有的同辈的div元素，不分先后     

3、过滤选择器

3.1 基本过滤选择器

$("div:first")                          <div>元素下第一个<div>元素

$("div:last")                           <div>元素下最后一个<div>元素

$("div:not(.myClass)")              <div>元素下class不是myClass的<div>元素

$("div:even")                            索引为偶数的div元素

$("div:odd")                             索引为奇数的div元素

3.2 内容过滤器

$("div:contains('我')")

3.3 可见性过滤

$(":hidden")

$(":visible")

3.4属性过滤器

$("div[id]")                         拥有属性id的<div>元素

$("div[title=test]")              拥有属性title值为test的<div>元素

3.5 表单

:enabled

:disabled

:checked

:selected

:input