JQuery选择器总结

1. 基本选择器

选择方法与CSS选择器相似，如下所示：

	  //id选择器
      $("#id")
      //类选择器
      $(".class")
      //标签选择器
      $("div")
      // 综合选择器
      $("#id,.class,div")
      //通配符选择器
      $("*")

2. 层次选择器

        //后代
        $("#id p")
        //子元素
        $("#id>p")
        //相邻
        $("#id+p")
        //同辈
        $("dt~dd")

3. 属性选择器

        //选择a标签中 有class属性
        $("a[class]")
        //选择a标签中 class="hot"的
        $("a[class='hot']")
        //选择a标签中 href的属性值是以www开头的
        $("a[href^='www']")
        //选择a标签中 href的属性值是以html结尾的
        $("a[href$='html']")
        //选择a标签中 href的属性值包含news的
        $("a[href*='news']")

4. 基本过滤选择器

      //选中div中所有标题h1-h6
      $(".div:header")
      //索引为1的li
      $(".div li:eq(1)")
      //索引大于1 的li:
      $(".div li:gt(1)")
      //索引小于于1 的li:
      $(".div li:lt(1)")

5. 可见性过滤器

          $("p:hidden").show();
          $("p:visible").hide();