JQuery选择器

来源:互联网 发布:sql distinct count 编辑:程序博客网 时间:2024/05/22 06:53
基本选择器:
#id            匹配id元素
element    指定元素名称,匹配所有元素
.class         匹配类元素
*                所有元素
selector,selectorN    将每一个选择器匹配到的元素合并后一起返回

层次选择器:
ancestor descendant    根据祖先元素匹配所有后代元素
parent > child                根据父元素匹配所有子元素
prev + next                     匹配所有紧接在prev元素后的相邻元素
prev ~ siblings                匹配prev元素之后的所有兄弟元素
注:ancestor descendant与parent > child所选择的元素集合是不同的,前者的层次关系是祖先与后代,而后者是父子关系;另外,prev+next可以使用.next()代替,而prev~siblings可以使用nextAll()代替。

简单过滤选择器:
first() 或 :first    获取第一个元素
last() 或 :last     获取第一个元素
:not(selector)    获取除选择器外的所有元素
:even                 获取所有索引值为偶数的元素,从0开始
:odd                   获取所有索引值为奇数的元素,从0开始
:eq(index)          获取指定索引值元素
:gt(index)           获取所有大于索引值的元素
:lt(index)            获取所有小于索引值的元素
:header              获取所有标题类型的元素,如h1/h2等
:animated          获取正在执行动画效果的元素

内容过滤选择器:
:contains(text)    获取包含给定文本的元素
:empty                获取所有不包含子元素或者文本的空元素
:has(selector)     获取含有选择器所匹配的元素
:parent               获取含有子元素或者文本的元素

可见性过滤器:
:hidden               获取所有不可见元素,或者type为hidden的元素
:visible                获取所有可见元素

属性过滤选择器:
属性过滤选择器根据元素的某个属性获取元素,如ID号或匹配属性值得内容,并以"["号开始,以"]"号结束
[attribute]                                        获取包含给定属性的元素
[attribute=value]                             获取等于给定的属性是某个特定值的元素
[attribute!=value]                           获取不等于给定的属性是某个特定值的元素
[attribute^=value]                          获取给定的属性是以某个特定值开始的元素
[attribute$=value]                            获取给定的属性是以某些值结尾的元素
[attribute*=value]                            获取给定的属性是以包含某些属性值的元素
[selector1][selector2][selectorN]     获取满足多个条件的复合属性的元素
例:$("div[id]").show(2000);
        $("div[title='A']").show(2000);

子元素过滤选择器:
:nth-child(eq | even | odd | index)     获取每个父元素的特定位置元素,索引号从1开始
:first-child                                            获取每个父元素下的第一个子元素
:last-child                                            获取每个父元素下的最后一个子元素
:only-child                                           获取每个父元素下的仅有一个子元素

表单对象属性过滤选择器:
:enable        获取表单中所有属性为可用的元素
:disable       获取表单中所有属性为不可用的元素
:checked     获取表单中所有被选中的元素
:selected     获取表单中所有被选中option的元素

表单选择器:
:input            获取所有input、textarea、select
:text               获取所有单行文本框
:password     获取所有密码框
:radio            获取所有单选按钮
:checkbox     获取所有复选框按钮
:submit          获取所有提交按钮
:image           获取所有图像域
:reset              获取所有重置按钮
:button          获取所有按钮
:file                获取所有文件域

0 0
原创粉丝点击