首页 > 代码库 > jquery选择器

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选择器