JavaScript开发教程之jquery选择器

JavaScript开发教程之jquery选择器，基本选择器

#id        //根据id选择一个元素
.class     //根据类名匹配一个元素
.element   //根据元素名匹配元素
*          //匹配所有元素
selector 1,selector 2,selector n   //把每个选择器匹配到的元素集合并后返回

层次选择器

$("ancestor  元素")   //例子：$("div span");选取ancestor元素里的所有后代元素
$("parent>child")   //例子：$("div >span");选取parent元素下的child元素，注意与前一个的区别
$("prev+next")   //例子：$("div +span");选取紧接在prev后的next元素
$("prev~siblings")   //例子：$("div >span"); 选择prev元素之后的所有的siblings

基本过滤选择器

：first   选取第一个元素 ， $("div:first")选取div中的第一个div元素
：last    选取最后一个元素 与上同理
：not（selector） $("input:not(.myClass)") 选取class不是myClass的input元素     
：even         选择索引是偶数的元素 
：odd          选择索引是奇数的元素
：eq（index）   选取索引是index的元素
：gt（index）   选取索引大于index的元素
：lt（index）   选取索引小于index的元素
：header       选取所有的标题元素
：animated     选取当前正在执行动画的所有元素
：focus        选取当前获取焦点的元素

内容过滤选择器

:contains(text)    选取含有文本内容为text的元素
:empty             选取不包含子元素或者文本的空元素
:has(selector)     选取含有选择器所匹配的元素的元素 例子：$("div:has(p)")选取含有p元素的div元素
:parent            选取含有子元素或者文本的元素

可见性过滤选择器

:hidden 选取所有不可见元素
:visible 选取所有可见的元素

属性过滤选择器

[attribute]                选取拥有此属性的元素
[attribute=value]          选取属性值=value的元素
[attribute!=value]         选取属性值不等于value的元素   
[attribute^=value]         选取属性值以value开始的元素
[attribute$=value]         选取属性值以value结束的元素
[attribute*=value]         选取属性值含有value的元素
[attribute|=value]         选取属性等于给定字符串或者以该字符串为前缀（该字符紧跟一个连字符“-”）的元素
[attribute~=value]         选取属性用空格分隔的值中包含一个给定值得元素
[attribute1][attribute2][attributeN]   用属性选择器合成一个复合属性选择器，满足多个条件。每选择一次，缩小一次范围 例子$("div[id][title$='test']") 选取拥有属性id，并且属性title以test结束的div元素

子元素过滤选择器

:nth-child   选取每个父元素下的地index个元素或者奇偶元素，index从1开始  注意与eq的区别，这里不做区分
:first-child  选取每个父元素的第一个子元素
:last-child   选取每个父元素的最后一个元素
:only-child   如果某个元素是他父元素中唯一的一个元素，那么将会被匹配，如果有 其他元素则不会被匹配

表单对象属性过滤选择器

:enabled      选取所有可用元素
:diabled      选取所有不可用元素
:checked      选取所有被选中的元素（单选，复选）
:selected     选取所有被选中的选项元素（下拉列表）

表单选择器

:input    选取所有的input、 textarea、select、button元素 
:text     选取所有的单行文本框
:password  选取所有的密码框
:redio    选取所有得单选框
:checkbox   选取所有得复选框
:submit     选取所有得提交按钮
:image     选取所有得图像按钮
:reset     选取所有得重置按钮
:button    选取所有得按钮
:file      选取所有得上传域
:hidden    选取所有得不可见元素