JQuery 选择器
Posted pattywgm
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery 选择器相关的知识,希望对你有一定的参考价值。
- JQuery选择器
- 基本选择器
- #id 根据id匹配
- .class 根据class类名匹配
- element 根据给定元素名匹配
- * 匹配索引
- selector1, selector2…,selectorN 将每个选择器匹配到的元素合并返回
- 层次选择器
- $(“ancestor descendant”) 选取ancestor里所有descendant元素
- $(“parent > child”) 选择parent下的child元素,直接一级子元素
- $(“prev + next”) 选择prev后的next元素,相当于nextOne
- $(“pre ~ siblings”) 选择pre后的所有siblings元素,相当于nextAll
- 过滤选择器
- :first 选取第一个元素
- :last 选取最后一个元素
- :not(selector) 选取不满足selector的元素
- :even 选取索引为偶数的元素
- :odd 选取索引为奇数的元素
- :eq(index) 选取索引等于index的元素
- :gt(index) 选取索引大于index的元素
- :lt(index) 选取索引小于index的元素
- :header 选取所有标题元素
- :animated 选取当前正执行动画的所有元素
- :focus 选取当前获取焦点的元素
- 内容选择器
- :contains(text) 选取含有文本为text的元素
- :empty 选取不包含子元素或文本的空元素
- :has(selector) 选取包含selector选择器所匹配的元素的元素
- :parent 选取含有子元素或文本元素的元素
- 可见性选择器
- :hidden 选取所有不可见元素
- :visible 选取所有可见元素
- 属性选择器
- [attr] 选取含有此属性的元素
- [attr=value] 选取属性值等于value的元素
- [attr!=value] 选取属性值不等于value的元素
- [attr^=value] 选取属性值以value开始的元素
- [attr$=value] 选取属性值以value结尾的元素
- [attr*=value] 选取属性值含有value的元素
- [attr|=value] 选取属性值等于value或以value为前缀的元素
- [attr~=value] 选取属性以空格分割的值中包含value的元素
- [attr1][attr2]…[attrN] 多个选择器的组合,返回结果并集
- 子元素过滤器
- :nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或奇偶元素
- :first-child 选取每个父元素下的第1个子元素
- :last-child 选取每个父元素下的最后一个子元素
- :only-child 选取每个父元素中的唯一子元素
- 表单对象属性过滤选择器
- :enabled 选取所有可用元素
- :disabled 选取所有不可用元素
- :checked 选取所有被选中的元素(单选框,复选框)
- :selected 选取所有被选中的选项元素(下拉框)
- 表单选择器
- :input 选取所有的<input> <button> <textarea> <select>元素
- :text 选取所有的文本输入框,单行
- :password 选取所有的密码输入框
- :radio 选取所有的单选框
- :checkbox 选取所有的复选框
- :submit 选取所有的提交按钮
- :image 选取所有的图像按钮
- :reset 选取所有的重置按钮
- :button 选取所有的按钮
- :file 选取所有的上传域
- :hidden 选取所有不可见元素
以上是关于JQuery 选择器的主要内容,如果未能解决你的问题,请参考以下文章