Jquery选择器一览

Jquery选择器

1:基础选择器

#id              id名选择器    $("#hid")
ele              元素选择器,例如选择所有的h1元素 $("h1")
.class class    属性选择器,选择所有的class名一样的元素 $(".classname")
 *              所有元素选择器 $("*")
sel1 , sel2 , ... 多个选择器合并 ("#hid" , "h1",...);
alert(jQuery); 可以查看页面有没有导入JQuery包

2:层级选择器

ancestor descendant   祖先和后代,在给定的祖先元素下匹配所有的后代元素
parent > child 父子选择器,在给定的父元素下匹配所有的子元素
prev + next         下一个选择,匹配所有紧接在 prev 元素后的 next 元素
prev ~ siblings         后边所有的,匹配 prev 元素之后的所有 siblings 元素

3:基本选择器

:first         第一个
        $("h1:first").css("color","red")
:last          最后一个
        $("h1:last").css("color","red")
:not         去除所有与给定选择器匹配的元素,括号里只能填选择器
        $("h1:not(:first)").css("color","red")
:even        所有的偶数索引
        $("h1:even").css("color","red")
:odd         所有的奇数索引
        $("h1:odd").css("color","red")
:eq            被选中的索引
        $("h1:eq(0)").css("color","red")
:gt             匹配所有大于给定索引值的元素
        $("h1:gt(0)").css("color","red")
:lt             匹配所有小于给定索引值的元素
        $("h1:lt(1)").css("color","red")
:header     匹配如 h1, h2, h3之类的标题元素
            $("h1:header").css("color","red")
:animated   匹配所有正在执行动画效果的元素
            $("h1:header").css("color","red")

4:内容选择器

     :contains   匹配包含给定文本的元素    $("h1:contains('aaaaaaa')")
     :empty     匹配元素内没有任何东西的标签   $("h1:empty").html("cccccccc").css("color","red");
     :has        匹配含有选择器所匹配的元素的元素    $("h1:has(p)")
     :parent     匹配含有子元素或者文本的元素 $("h1:parent").css("color","yellow");

5:可见性选择器

     :hidden         匹配所有的display属性为none的元素或者type为hidden的元素
     :visible          匹配所有的display属性不为none的元素或者type不为hidden的元素

6:属性选择器

     [attribute]                 匹配所有包含指定属性的元素: $("h1[name]")
     [attribute=value]         匹配所有属性值为指定值的元素 $("h1[name=user]")
     [attribute!=value] 匹配所有属性值不为指定元素的元素 $("h1[name != user]")
     [attribute^=value] 匹配所有属性值以指定值开头的元素 $("h1[name^=us]")
     [attribute$=value] 匹配所有属性值以指定值结尾的元素 $("h1[name$=er]")
              [attribute*=value] 匹配所有属性值包含指定值的元素 $("h1[name*=user]")
     [attrSel1][attrSel2][attrSelN] 多选择器叠加使用 $("h1[name] [name=user] [name^=us]")

7:子元素选择器

         :nth-child      $("ul li:nth-child(2)")  匹配其父元素下的第N个子或奇偶元素
         :first-child     $("ul li:first-child")      匹配第一个子元素
         :last-child      $("ul li:last-child")      匹配最后一个子元素
         :only-child     $("ul li:only-child")     如果某个元素是父元素中唯一的子元素，那将会被匹配

8:表单选择器

          :input        获取所有的input元素
        :text          获取所有的type = text(文本)的元素
        :password 获取所有的typr = password(密码)的元素
        :radio        获取多有的type = raido(单选按钮)的元素
        :checkbox 获取多有的type = checkbox(复选按钮)的元素
        :submit     获取多有的type = submit(提交按钮)的元素
        :image      获取多有的type = image(可提交的图片)的元素
        :reset        获取多有的type = reset(重置)的元素
        :button     获取多有的type = button(按钮)的元素
        :file           获取多有的type = file(文件上传按钮)的元素
        :hidden     获取多有的type = hidden(隐藏的元素,通场作为提交的时候携带的内容)的元素

9:表单属性选择器

        :enabled    获取所有可用的元素
        :disabled   获取所有不可用元素
        :checked   匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)
        :selected   匹配所有选中的option元素