悠悠楠杉
网站页面
jQuery选择器
08/16
| 选择器 | 实例 | 选取 |
|---|---|---|
| * | $("*") | 所有元素 |
| #id | $("#lastname") | id="lastname" 的元素 |
| .class | $(".intro") | 所有 class="intro" 的元素 |
| element | $("p") | 所有 元素 |
| .class.class | $(".intro.demo") | 所有 class="intro" 且 class="demo" 的元素 |
| :first | $("p:first") | 第一个 元素 |
| :last | $("p:last") | 最后一个 元素 |
| :even | $("tr:even") | 所有偶数 |
| :odd | $("tr:odd") | 所有奇数 |
| :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")| 所有标题元素
- |
|:animated| $(":animated") |所有动画元素 |
| | | |
|:contains(text)| $(":contains('W3School')")| 包含指定字符串的所有元素|
|:empty| $(":empty")| 无子（元素）节点的所有元素|
|:hidden| $("p:hidden")| 所有隐藏的
|:animated| $(":animated") |所有动画元素 |
| | | |
|:contains(text)| $(":contains('W3School')")| 包含指定字符串的所有元素|
|:empty| $(":empty")| 无子（元素）节点的所有元素|
|:hidden| $("p:hidden")| 所有隐藏的
元素|
|: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")| 所有 元素|
|:text| $(":text")| 所有 type="text" 的 元素|
|:password| $(":password")| 所有 type="password" 的 元素|
|:radio| $(":radio")| 所有 type="radio" 的 元素|
|:checkbox| $(":checkbox")| 所有 type="checkbox" 的 元素|
|:submit| $(":submit")| 所有 type="submit" 的 元素|
|:reset| $(":reset")| 所有 type="reset" 的 元素|
|:button| $(":button")| 所有 type="button" 的 元素|
|:image| $(":image")| 所有 type="image" 的 元素|
|:file| $(":file")| 所有 type="file" 的 元素|
| | | |
|:enabled| $(":enabled")| 所有激活的 input 元素|
|:disabled| $(":disabled")| 所有禁用的 input 元素|
|:selected| $(":selected")| 所有被选取的 input 元素|
|:checked| $(":checked")| 所有被选中的 input 元素|
