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> 元素
:image            $(":image")    所有 type="image" 的 <input> 元素
:file            $(":file")    所有 type="file" 的 <input> 元素
           
:enabled        $(":enabled")    所有激活的 input 元素
:disabled        $(":disabled")    所有禁用的 input 元素
:selected        $(":selected")    所有被选取的 input 元素
:checked        $(":checked")    所有被选中的 input 元素
原文地址:https://www.cnblogs.com/yangpeng-jingjing/p/8431585.html