jquery选择器
Posted 苯宝宝
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery选择器相关的知识,希望对你有一定的参考价值。
jquery选择器
选择器 |
描 述 |
基本选择器 | |
$("#id") | 选取id为id的元素 |
$(".class") | 选取class为class的元素 |
$("element") | 选取指定元素 |
$("selector,selector...") | 选取多有匹配的元素 |
层次选择器 | |
$("父元素 后代元素") | 选取父元素里所有的后代元素 |
$("父元素 > 子元素") | 选取父元素里的直接子元素 |
$("前一个元素 + 后一个元素") | 选取前一个元素的后一个同辈元素 |
$("前一个元素 ~ 后面元素") | 选取前一个元素后面的所有同辈元素 |
过滤选择器 | |
基本过滤选择器 | |
$("元素:first") | 选取给定元素中的第一个元素 |
$("元素:last") | 选取给定元素中的最后一个元素 |
$("元素:not(selector)") | 选取给定元素中不是selecotor的元素 |
$(":focus") | 选取当前获取焦点的元素 |
$("元素:animated") | 选取给定元素中正在执行动画的元素 |
$(":header") | 选取所有标题元素 |
$("元素:even") | 选取给定元素中索引是偶数的元素(0开始) |
$("元素:odd") | 选取给定元素中索引是奇数的元素(0开始) |
$("元素:eq(index)") | 选取给定元素中索引等于index的元素(0开始) |
$("元素:gt(index)") | 选取给定元素中索引大于index的元素(0开始) |
$("元素:lt(index)") | 选取给定元素中索引小于index的元素(0开始) |
内容过滤选择器 | |
$("元素:contains(text)") | 选取给定元素中含有文本内容为text的元素 |
$("元素:empty") | 选取给定元素中不包含子元素或文本的空元素 |
$("元素:has(selector)") | 选取给定元素中含有selector选择器的元素 |
$("元素:parent") | 选取给定元素中有子元素的元素 |
可见性过滤器 | |
$(":hidden") |
选取所有不可见元素,包括<input type="hidden"> <div display="none"><div style="visibility:hidden"> |
$("元素:visible") | 选取所有可见元素 |
属性过滤选择器 | |
$("元素:[attribute]") | 选取给定元素中有该属性的元素 |
$("元素:[attribute=value]") | 选取给定元素中属性值为vlue的元素 |
$("元素:[attribute!=value]") | 选取给定元素中属性值不为vlue的元素 |
$("元素:[attribute^=value]") | 选取给定元素中属性值以vlue开始的元素 |
$("元素:[attribute$=value]") | 选取给定元素中属性值以vlue结束的元素 |
$("元素:[attribute*=value]") | 选取给定元素中属性值含有vlue的元素 |
$("元素:[attribute|=value]") | 选取给定元素中属性等于给定字符串或以该字符串为前缀的元素 |
$("元素:[attribute~=value]") | 选取给定元素中属性以空格分隔的值中包含给定值的元素 |
$("元素:[attribute1][attribute2][attributeN]"") | 选取给定元素中含有多个属性的元素 |
子元素过滤选择器 | |
$("元素:nth-child(index/even/odd/equation)") | 选取给定元素作为父元素的第n个符合条件的子元素 |
$("元素:first-child") | 选取给定元素作为父元素的第一个子元素 |
$("元素:last-child") | 选取给定元素作为父元素的最后一个子元素 |
$("元素:only-child") | 在给定元素中选择有唯一子元素的元素 |
表单对象属性过滤选择器 | |
$("元素:enable") | 选取给定表单元素内的所有可用元素 |
$("元素:disabled") | 选取给定表单元素内的所有不可用元素 |
$("input:checked") | 选取的所有被选中的元素(单选框、复选框) |
$("option:selected") | 选取的所有被选中的选项元素(下拉列表) |
表单选择器 | |
$(":input") | 选取所有的<input><textarea><select><button>元素 |
$(":text") | 选取所有的单行文本框 |
$(":password") | 选取所有的密码框 |
$(":radio") | 选取所有的单选框 |
$(":checkbox") | 选取所有的多选框 |
$(":submit") | 选取所有的提交按钮 |
$(":image") | 选取所有的图像按钮 |
$(":reset") | 选取所有的重置按钮 |
$(":button") | 选取所有的按钮 |
$(":file") | 选取所有的上传域 |
$(":hidden") | 选取所有的上传域 |
以上是关于jquery选择器的主要内容,如果未能解决你的问题,请参考以下文章