关闭

JQuerySelectors

标签: jquery
181人阅读 评论(0) 收藏 举报
分类:
根据获取页面中元素的不同,可以讲jQuery选择器分为:基本类型选择器,层次选择器,过滤选择器,表单选择器.其中,在过滤选择器当中又可以分为简单过滤选择器,内容过滤选择器,可见性选择器,属性选过滤择器,表单对象属性过滤选择器共六种.

2.2.1基本选择器

基本选择器时jQuery中使用最频繁的选择器,它又id,class,元素名,多个选择符组成.
选择器 功能 返回符
id 根据给定id匹配一个元素 单个元素
element 根据给定标签名匹配所有元素 元素集合
.class 根据class来匹配元素 元素集合
* 匹配所有元素 元素集合
selector1,selectorN 讲个选择器匹配的元素集合起来 元素集合

2.2.2层次选择器

层次选择器根据DOM间的层次关系获取元素,其主要的层次关系包括后代,父子,相邻,兄弟关系,通过其中某类关系可以方便快捷的定位元素.
选择器 功能 返回值
ancestor descendant 根据祖先元素匹配所有后代元素,与多个选择器的不同之处在于没有”,” 元素集合
parent > child 根据父元素匹配所有的子元素 元素集合
prev + next 匹配所有紧接在prev元素后面的相邻元素 元素集合
prev ~ siblings 匹配prev元素之后的所有兄弟元素 元素集合

2.2.3简单过滤选择器

简单过滤选择器根据某类过滤规则进行元素的匹配,书写时都以":"号开头;简单过滤选择器是过滤选择器种使用最广泛的一种.
选择器 功能 返回值
first()或first 获取第一个元素 单个返回值
last()或last 最后一个元素 单个元素
:not(selector) 获取制定元素之外的元素 元素集合
:even 获取元素索引值为偶数的元素 索引号从0开始
:odd 获取元素索引值为奇数的元素 索引值从1开始
:eq(index) 指定索引值的元素 索引值从0开始
:gt(index) 大于指定索引值的元素 索引值从0开始
:lt(index) 小于 索引值从0开始
:header 获取所有标题类元素 元素集合
:animated 获取正在执行动画效果的元素 元素集合

2.2.4内容过滤选择器

内容过滤选择器根据元素中的文字或者所包含的子元素特征获取元素,七文字内容可以模糊或绝对匹配进行元素定位,其详细说明如下.
选择器 功能 返回值
:contains(text) 获取给定文本的元素 元素集合
:empty 不包含子元素或者空文档的的元素 元素集合
:has(selector)
:parent

2.2.5可见性过滤

选择器 功能 返回值
:hidden 所有不可见的元素
:visible 所有可见的元素

属性过滤

选择器 功能 返回值
[attribute] 包含给定属性的元素
[attribute=value] 等于给定属性值的元素
[attribute!=value]
[attribute^=value] 属性值以给定属性值开头
[attribute$=value] 属性值以给定属性值结尾
[attribute*=value] 属性值包含给定属性值的元素
[selector1][selector2][selector3] 复合指定条件

子元素过滤选择器

选择器 功能 返回值
nth-child(even odd index)
:first-child 获取第一个子元素
:last-child 获取最后一个子元素
:only-child 获取只有一个子元素的元素

表单对象属性过滤选择器

选择器 功能 返回值
:enabled
:disabled
:checked 所有被选中的元素
:selected 所有被选中option元素

表单标签选择器

选择器 功能 返回值
:input 获取所有input, textarea, select
:text 获取所有 单行文本框
:password 获取所有密码框
:radio 获取所有单选框

下面还又若干

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:8513次
    • 积分:607
    • 等级:
    • 排名:千里之外
    • 原创:52篇
    • 转载:0篇
    • 译文:1篇
    • 评论:0条
    文章分类