JQuery选择器的分类

JQuery选择器的分类:
    通过CSS选择器选取元素:
         基本选择器:
               标签选择器:  $("h1")
               类选择器:    $(".class")
               id选择器:    $("#id")
               全局选择器:   $("*")
               并集选择器:   $("h1,.class,#id,span")
         层次选择器:
               后代选择器:     $("ul li")
               子类选择器:     $("ul>li")
               相邻选择器      $("h3+p")
               同辈选择器:     $("h3~p")
               所有兄弟选择器: .siblings
         属性选择器:
               包含某属性:    $("a[href]")
               包含某属性并且属性值等于绝对值:   $("a[href='abc']")
               包含某属性并且属性值不等于绝对值: $("a[href!='abc']")
               属性值以XXX开头      $("a[href^='XXX']")
               属性值以XXX结尾      $("a[href$='XXX']")
               包含某属性的绝对值:       $("a[href*='abc']")
     通过过滤选择器选取元素:
          基本过滤选择器:
                根据索引选择指定的元素:    $("li:eq(2)")
                大于某索引的元素      $("li:gt(3)")
                小于某索引的元素      $("li:lt(3)")
                第一个元素    $("ul:first")
                最后一个元素    $("ul:last")
                获得焦点的元素    $(":focus")
                获取正在执行的动画元素  $("animated")
                所有的标题元素    $(":header")
                所有的奇数元素   $("li:odd")
                所有的偶数元素    $("li:even")
                不包含指定元素   $("li:not(.aaa)")
          可见性过滤选择器:
                获取所有不可见的元素  $(":hidden")
                获取所有可见的元素  $(":visible")


           选择器的注意事项:
                空格不要随便写:因为空格代表后代
                转义符的使用:\\
                <a id="#i%*[o]">a标签</a>
                $("#\\#\\i\\%\\*\\[o\\]").css("color","red");