您现在的位置是:蓝石榴 > 个人博客 > 前端

个人博客

jQuery选择器

2019-08-29前端 5215
jQuery选择器允许对HTML元素组或单个元素进行操作。jQuery选择器基于元素的id、类、类型、属性、属性值等"查找"(或选择)HTML元素。它基于已经存在的CSS选择器,除此之外,它还有一些自定义的选择器。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>

: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 元素

很赞哦!(1120)