《jquery实战》之元素选择器整理

一、子选择器：

$("p a "); //选择了p下面的所有的a 

 $("p>a"); //选择了P下的直接子节点的链接，若更深层的嵌套则不会选中。

二、特征选择器：

根据元素特征进行选择 a[href^=http://]

可以选择包含以http：//开头的href值的链接。 脱字符号（^）用于表示匹配出现在某个值的开头，大多数的正则表达式处理器也采用脱字符号，表示匹配出现在候选字符串的开头。

form[method] 匹配拥有显式method特性的任何<form>元素

input[type-text] 匹配type特性值为text的所有input元素

div[title^=my]匹配title特性值以my开头的所有div

div[title=my]匹配title特性值是my的所有div

a[href$=.pdf] 找到引用pdf文件的所有链接 //特性值以。pdf结尾的；

a[href*=jquery.com] 匹配引用jquery网站的所有a元素 //特性值在任何部位中包含某个字符串的元素

三、容器选择器

div:has(input) 含义是。选择包含input的所有div

div input 是选择的是div中的所有input 元素

注：jquery只支持一层嵌套。

四、位置选择器

:first  返回页面最先的匹配        div a:first 返回页面第一个在div中的a
: last 返回页面的最后匹配        div a: last 返回页面最后一个在div中的a
:odd  返回页面范围的偶数元素div :odd 返回页面偶数位置的div
:even 返回页面范围的奇数元素div :even 返回页面奇数位置的idv
div :first-child 返回div 中第一个子选择
div :last-child 返回div 中最后一个子选择
:only-child 没有兄弟节点的元素
:nth-child(n)：第n个子节点 从1开始计数。
:eq(n) 第n个匹配元素
:gt(n) n之后的匹配元素 不包含
:lt(n) n之前的匹配元素 不包

注：:nth-child(n) 从1开始计数。其他选择器从0开始计数。

五、自定义jquery选择器 

：animated 选择当前处于动态控制之下的元素。

：contains(foo) 只选择包含文本foo的元素

：header  选取所有标题元素（h1 - h6）

：hidden 选取隐藏元素

：not（filter） 格局指定的筛选器进行求反，不能应用到查找选择器。

：parent   只选择拥有后代节点（包括文本）的元素 而排除空元素

：visible 只选择可见元素。

注：

除以下几种情况之外的元素即是可见元素：

• 设置为 display:none
• type="hidden" 的表单元素
• Width 和 height 设置为 0
• 隐藏的父元素（同时隐藏所有子元素）

名称	说明	解释
:input	匹配所有 input, textarea, select 和 button 元素	查找所有的input元素: $(":input")
:text	匹配所有的文本框	查找所有文本框: $(":text")
:password	匹配所有密码框	查找所有密码框: $(":password")
:radio	匹配所有单选按钮	查找所有单选按钮
:checkbox	匹配所有复选框	查找所有复选框: $(":checkbox")
:submit	匹配所有提交按钮	查找所有提交按钮: $(":submit")
:image	匹配所有图像域	匹配所有图像域: $(":image")
:reset	匹配所有重置按钮	查找所有重置按钮: $(":reset")
:button	匹配所有按钮	查找所有按钮: $(":button")
:file	匹配所有文件域	查找所有文件域: $(":file")

名称	说明	解释
:enabled	选取所有启用的表单元素。	查找所有可用的input元素: $("input:enabled")
:disabled	匹配所有禁用的元素	查找所有不可用的input元素: $("input:disabled")
:checked	匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)	查找所有选中的复选框元素: $("input:checked")
:selected	匹配所有选中的option元素	查找所有选中的选项元素: $("select option:selected")