jQuery 选择器基本选择器
#id / 标签名 / 样式名 / 选择器 A, 选择器 B
jQuery 层次选择器
*form input: 查询 form 下所有 input 元素, 含有后代关系
form>input: 查询 form 下所有 input 元素, 有有父子关系, 没有后代关系
form+input: 查询与 form 同级的第一个 input 元素, 是兄弟关系
form~input: 查询与 form 同级的所有 input 元素, 是兄弟关系
jQuery 增强型基本选择器
:first: 查询第一个元素
:last: 查询最后个元素
:checked: 查询选中的复选框
:not(:checked): 查询未选中的复选框
:even: 偶数
:odd: 奇数
:eq(): 索引从 0 开始
:gt(): 大于索引号
:lt(): 小于索引号
:header: 查询所有 < h1/2/3/4/5/6 > 标签
.CSS("key","value") 为查询到的所有标签添加 CSS 样式
jQuery 内容选择器
:contains('john'): 表示包含指定字符串的标签, 字符串大小写敏感
:empty: 表示查询空标签的元素
:has('p'): 表示查询有子元素的元素
.addClass("样式名"): 为查询到的所有标签添加样式
:parent: 表示查询非空标签
jQuery 可见性选择器
:hidden: 表示查询所有隐蔽的标签
:visible: 表示查询所有显示的标签
或: not(:hidden)
jQuery 属性选择器
div[id]: 表示查询含有 id 属性的 div 元素
input[name='newsletter']: 表示查询含有 name 属性, 且其值是 "newsletter" 的 input 元素
input[name!='newsletter: 表示查询含有 name 属性, 且其值不是"newsletter" 的 input 元素
input[name^='newsletter: 表示查询含有 name 属性, 且其值以"news"开头的 input 元素"input[name$='letter': 表示查询含有 name 属性, 且其值以 "letter" 结尾的 input 元素
input[name*='news']:: 表示查询含有 name 属性, 且其包含 "news" 的 input 元素
input[id][name$='letter']: 表示查询含有 id 属性, 且含有 name 属性, 其值以 "letter" 字符串结束的 input 元素
jQuery 子元素选择器
:first-child: 表示查询第一个子元素
:last-child: 表示查询最后一个子元素
:only-child: 表示查询只有一个子元素的元素
:nth-child(编号从 1 开始), 表示查询指定编号的元素
jQuery 表单选择器
:input: 查找所有 input 元素的个数, 注: 包含所有 input,textarea,select 和 button 元素
- :text
- :password
- :radio
- :checkbox
- :file
- :submit
- :reset
- :image
- :file
表单对象属性
:enabled: 表示查询可用的元素
:disabled: 表示查询不可用的元素
:checked: 表示查询选中的复选 / 单选框的元素
:selected: 表示查询选中的下拉框元素
来源: http://www.bubuko.com/infodetail-2589221.html