jQuery 选择器

选择器    实例      选取

*      $("*")                  所有元素

#id          $("#lastname")        id="lastname"的元素

.class    $(".intro")      所有class="intro"的元素

element     $("p")       所有<p>元素、

.class.class  $(".intro.demo")      所有class="intro"且class="demo"的元素

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

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

:even    $("tr:even")        所有偶数<tr>元素

:odd      $("tr:odd")    所有奇数<tr>元素

:eq(index)  $("ul li:eq(3)")    列表中的第四个元素(index从0开始)

:gt(no)       $("ul li:gt(3)")     列出index大于3的元素

:lt(no)    $("ul li:lt(3)")      列出index小于3的元素

:not(selector)  $("input:not(:empty)")所有不为空的input元素

:header      $(":header")    所有标题元素<h1>-<h6>

:animated                    所有动画元素

:contains(text) $(":contains("W3School")") 包含指定字符的所有元素

:empty    &(":empty")    无子(元素)节点的所有元素

:hidden       $("p:hidden")    所有隐藏的<p>元素

:visible   $("table:visible")     所有可见的表格

s1,s2,s3  $("th,td,.intro")    所有带有匹配选择的元素

[attribute]  $("[href]")      所有带有href属性的元素

[attribute=value]   $("href='#'")   所有href属性的值等于"#"的元素

[attribute=value]   $("href!='#'")     所有href属性的值不等于“#”的元素

[attribute$=value] $("href$='.jpg'")   所有href属性的值包含以“.jpg”结尾的元素

:input      $(":input")        所有<input>元素

:text         $(":text")      所有type="text"的<input>元素

:password     $(":password")      所有type="password"的<input>元素

:radio       $(":radio")       所有type="radio"的<input>元素

:checkbox      $(":checkbox")     所有type="checkbox"的<input>元素

:submit    $(":submit")    所有type=“submit”的<input>元素

:reset      $(":reset")       所有type="reset"的<input>元素

:button    $(":button")      所有type="button"的<input>元素

:file       $(":file")      所有type="file"的<input>元素

:enabled      $(":enabled")            所有激活的input元素

:disabled      $(":disabled")       所有禁用的input元素

:selected      $(":selected")    所有被选取的input元素

:checked      $(":checked")       所有被选中的input元素

 

posted @ 2017-11-13 22:16  Panpy_Y  阅读(142)  评论(0编辑  收藏  举报