JQuery选择器

Jquery 层次选择器

选择器描述
$(“ancestor descendant”)选取ancestor元素里所有的descendant(后代)元素
$(“parent>child”)选取parent元素下的子元素
$(“prev+ next”)选取紧接在prev元素后的next元素,等同于$(“prev”).next(“xxx”)
$(“prev~siblings”)选取prev元素后面的所有同辈元素,不包括自己,等同于$(“#prev”).nextAll(“xxx”)

过滤选择器

  1. 基本过滤选择器
选择器描述
:first选取第一个元素
:last选取最后一个元素
:not(selector)去除所有与给定选择器匹配的元素
:even选取索引是偶数的所有元素,索引从0开始
:odd选取索引是奇数的所有元素,索引从0开始
:eq(index)选择索引等于index的元素
:gt(index)选取索引大于index的元素(index从0开始)
:lt(index)选取索引小于index的元素(index从0开始)
:header选取所有的标题如h2,h2…
:animated选取正在执行动画的所有元素
:focus选取当前获取焦点的元素
  1. 内容过滤选择器
选择器描述
:contains(text)选取内容含有”text”的元素
:empty选择不包含子元素或者文本的空元素
:has(selector)选取含有选择器所匹配的元素的元素
:parent选取含有子元素或者文本的元素
  1. 可见性过滤选择器
选择器描述
:hidden选取所有不可见的元素
:visible选择所有可见的元素
  1. 属性过滤选择器
选择器描述
[attribute]选取拥有此属性的元素
[attribute=value]选取属性的值为value的元素
[attribute!=value]选取属性的值不等于value的元素
[attribute^=value]选取属性的值以value开始的元素
[attribute$=value]选取属性的值以value结束的元素
[attribute*=value]选取属性的值含有value的元素
[attribute=value] | 选取属性的值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“_”)的元素
[attribute~=value]选取属性用空格分隔的值中包含一个给定值的元素
[attribute] [attribute2] [attributeN]用属性选择器合并成一个复合属性选择器,
  1. 子元素过滤选择器
选择器描述
:nth-child(index/even/odd/equation)选取每个父元素下的第index个子元素或者奇偶元素(index从1算起)
:first-child选取每个父元素的第一个子元素
:last-child选取每个父元素最后一个子元素
:only-child如果某个元素是它父元素中惟一的子元素,那么将会匹配
  1. 表单对象属性过滤选择器
选择器描述
:enabled选取所有可用元素
:disabled选取所有不可用元素
:checked选取所有被选中的元素(单选框,复选框)
:selected选取所有被选中的选项元素(下拉列表)

表单选择器

选择器描述
:input选取所有的<input><textarea><select>和<button>元素
:text选取所有的单行文本框
:password选取所有的密码框
:radio选取所有的单选框
:checkbox选取所有的复选框
:submit选取所有的提交按钮
:image选取所有的图像按钮
:reset选取所有的重置按钮
:button选取所有的按钮
:file选取所有的上传域
:hidden选取所有不可见的元素
0

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据