jQuery选择器
jQuery选择器有很多,主要分为基本选择器,层级选择器,基本过滤选择器,内容过滤选择器,可见性过滤器选择器,属性过滤器选择器,表单选择器等等。
一般常用的有这些:
1基本
#id 用于搜索通过元素的 id 属性给定的值
Element 用于搜索DOM 节点的标签名
.class 查找对应的类名
selector1,selector2,selectorN 并集选择器
2.层级
ancestor descendan
在给定的祖先元素下匹配所有的后代元素
parent > child
在给定的父元素下匹配所有的子元素
prev + next
匹配所有紧接在 prev 元素后的 next 元素 (相邻选择器)
prev ~ siblings
匹配 prev 元素之后的所有 siblings 元素 (兄弟选择器)
3.基本过滤选择器
:first (获取第一个元素)
:last
:not
:even (所有索引值为偶数的元素,从 0 开始计数)
:odd (所有索引值为奇数的元素,从 0 开始计数)
:eq (匹配一个给定索引值的元素)
:gt (所有大于给定索引值的元素)
:lt (所有小于给定索引值的元素)
:header (匹配如 h1, h2, h3之类的标题元素)
:animated (匹配所有正在执行动画效果的元素)
4. 内容过滤器选择器
:contains
:empty (匹配所有不包含子元素或者文本的空元素)
:has
:parent
5.可见性过滤器选择器
:hidden
:visible
6.属性过滤器选择器
[attribute] (查找包含给定属性的元素)
[attribute=value]
[attribute!=value]
[attribute^=value]
[attribute$=value]
[attribute*=value]
7.子元素过滤器选择器
:nth-child
:first-child (查找第一个子元素)
:last-child
:only-child
8.表单选择器
:input (查找所有的input元素)
:text
:password (查找所有密码框)
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden (查找隐藏的元素)
9.表单过滤器选择器
:enabled (查找所有可用的input元素)
:disabled
:checked
:selected (查找所有选中的选项元素)