JQ 选择器与筛选器

一、选择器汇总

1 基本选择器  ：

$("*")  $("#id")   $(".class")  $("element")  $(".class,p,div")

2 层级选择器   

$(".outer div")  $(".outer>div")   $(".outer+div")  $(".outer~div")

3 基本筛选器

$("li:first")  $("li:eq(2)")  $("li:even") $("li:gt(1)")

4 属性选择器

$('[id="div1"]')   $('["alex="sb"][id]')

5 表单选择器

$("[type='text']")----->$(":text")         注意只适用于input标签  : $("input:checked")

二、表单属性选择器

    :enabled
    :disabled
    :checked
    :selected

三、筛选器

1  过滤筛选器

$("li").eq(2)  $("li").first()  $("ul li").hasclass("test")

2  查找筛选器

查找子标签：         $("div").children(".test")      $("div").find(".test")  
                               
 向下查找兄弟标签：    $(".test").next()               $(".test").nextAll()     
                    $(".test").nextUntil() 
                           
 向上查找兄弟标签：    $("div").prev()                  $("div").prevAll()       
                    $("div").prevUntil()   
 查找所有兄弟标签：    $("div").siblings()  
              
 查找父标签：         $(".test").parent()              $(".test").parents()     
                    $(".test").parentUntil()