JQuerySelectors

原创 2016年05月30日 21:10:52
根据获取页面中元素的不同,可以讲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 获取所有单选框

下面还又若干

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

ActionContext与ServletActionContext的区别及获取request、session等对象

我们知道struts2接受客户端请求,在Action中进行处理后,将视图结果返回。struts2容器自身不依赖于web容器,不用和servlet对象中的请求(request)、响应(response)...

Spring 源码分析

为了读懂spring源码,我是根据debug来分析的。 一切的起点就是ApplicationContext。 根据构造函数的各种调用最终调用的是这个构造函数。 public ClassP...

Struts中ActionContext和ServletActionContext的比较

一、ActionContext 在Struts2开发中除了将请求参数自动设置到Action的字段中,往往也需要在Action里直接获取请求(Request)或会话(Session)的一些信息,甚至需要...

struts2中 ServletActionContext与ActionContext区别

1. ActionContext 在Struts2开发中,除了将请求参数自动设置到Action的字段中,我们往往也需要在Action里直接获取请求(Request)或会话(Session)的一些信息...

springIoC概述

概述       在java开发领域spring框架非常有名,尤其是在java领域,如果不知道spring框架,你就太low了(当然牛逼到爆的人除外)。spring框架的英文名就是springFram...

ActionContext和ServletActionContext小结

1. ActionContext 在Struts2开发中,除了将请求参数自动设置到Action的字段中,我们往往也需要在Action里直接获取请求(Request)或会话(Session)的一些...

ServletContext,ActionContext,ServletActionContext

ServletContextServletContext从他的package信息可以看出,它是标准的JavaEE WebApplication类库 javax.servlet.ServletConte...

ServletActionContext源码及浅析

先贴源码(ServletActionContext.java) /* * $Id: ServletActionContext.java 651946 2008-04-27 13:41:38Z ap...

Spring入门第1天--IOC快速入门

Spring框架学习路线 Spring框架的概述 Spring的核心 Spring优点 Spring体系结构 Spring的快速入门 Spring框架加载配置文件 IOC容器装配Bean Spring...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)