基本选择器
选择器 | 说明 | 返回值 | #idid选择器单个元素element元素选择器同类型集合元素.class类选择器集合元素*通配选择器所有元素集合select1,select2,select3组选择器集合元素层级选择器
选择器 | 说明 | ancestor descendant包含选择器parent > child子选择器prev + next相邻选择器prev ~ siblings兄弟选择器简单伪类选择器
选择器 | 说明 | :first匹配找到的第一个元素:last匹配找的的最后一个元素:not去除匹配的元素:even匹配索引值为偶数的元素:odd匹配索引值为奇数的元素:eq匹配给定的索引值:gt匹配大于给定的索引值:lt匹配小于给定的索引值:header匹配如h1,h2,h3之类的标题元素:animated匹配所有正在执行动画效果的元素与内容相关的伪类选择器
选择器 | 说明 | :contains包含给定文本的元素:empty匹配所有不包含子子元素或者文本的空元素:has匹配含有给定元素的元素:parent匹配含有子元素或者文本的元素与元素状态相关的伪类选择器
选择器 | 说明 | :hidden所有不可见元素 或者type为hidden的元素:visible所有可见的元素匹配子元素的伪类选择器
选择器 | 说明 | :nth-child匹配器父元素下的第N个元素:first-child第一个子元素:last-child匹配最后一个子元素only-child匹配只有一个子元素的元素与表单相关的伪类选择器
选择器 | 实例 | 说明 | :input$(":input")所有 input 元素:text$(":text")所有 type="text" 的 input 元素:password$(":password")所有 type="password" 的 input元素:radio$(":radio")所有 type="radio" 的 input 元素:checkbox$(":checkbox")所有 type="checkbox" 的input 元素:submit$(":submit")所有 type="submit" 的 input 元素:reset$(":reset")所有 type="reset" 的 input 元素:button$(":button")所有 type="button" 的 input 元素:image$(":image")所有 type="image" 的 input 元素:file$(":file")所有 type="file" 的 input 元素与表单属性相关的伪类选择器
选择器 | 说明 | :enabled所有可用元素:disabled不可用元素:checked匹配被选中的元素(单选框、复选框):selected所有被选中的option元素属性选择器
选择器 | 实例 | 说明 | [attribute]$("[href]")所有带有 href 属性的元素[attribute=value]$("[href='#']")所有 href 属性的值等于 "#" 的元素[attribute!=value]$("[href!='#']")所有 href 属性的值不等于 "#" 的元素[attribute$=value]$("[href$='.jpg']")所有 href 属性的值包含以 ".jpg" 结尾的元素