>

jQuery中的采用器

- 编辑:金沙国际平台登录 -

jQuery中的采用器

选用器的功效

 

得到网页的地方的竹签成分等等,然后对他进行部分列的操作(增加样式,加多表现。。。)

jQuery选择器

一:基本选取器
着力选拔器是jquery最常用的接纳器,也是最简易的选取器,通过成分id,class,标签名称来查找
DOM成分(在网页中ID只好利用一回,id是无与伦比的,不过class允许重复使用的)

一:基本选拔器
大旨选用器是jquery最常用的采取器,也是最简单易行的选取器,通过成分id,class,标具名称来探索
DOM元素(在网页中ID只可以采取一遍,id是独一的,但是class允许重复使用的)

1、id选择器
用法:$; 重回单个成分的组成的集聚

1、id选择器
用法:$("#id名称"); 再次来到单个成分的整合的联谊

2、class

2、class(类采用器)

用法:$ ;重返集结成分
注脚:.class正是体制名称

用法:$(".class") ;再次回到集结成分
表明:.class正是样式名称

3、element
用法:$("span,p,div"); 再次回到集合成分

3、element(标签选拔器)
用法:$("span,p,div"); 重返集合元素

4、$ :重临集结成分,相称全部因素

4、$("*") :重返集合成分,相配全体因素

二:档期的顺序选拔器

二:档案的次序选用器

1:parent child :祖前后相继代

1:parent child :祖前后相继代

三:过滤采用器

三:过滤选用器

1、基础过滤选择器(也是最常用的的过滤选取器)
:not
用法:$(input:not 重回会集成分
表达:去除全体与给定采用器相称的因素。有一点点类似于“非”

基本功过滤选取器(也是最常用的的过滤选拔器)
:not(select)
用法:$(input:not(select)) 重回集合成分
表明:去除全数与给定选取器相称的因素。有一些类似于“非”

:first 找到第一个因素

:first 找到第三个因素

:last 找到最终一个元素

:last 找到最后二个要素

:odd 相称下标为基数的因素

:odd 相配下标为基数的因素

:even 相称下标为偶数的成分

:even 相配下标为偶数的要素

:eq 相配制订下标的因素

:eq("下标") 相称拟订下标的因素

:gt 相称索引值大于给定下标的因素

:gt("下标") 相配索引值大于给定下标的因素(不分包笔者)

:lt 相配索引值小于给定索引值的要素

:lt("下标") 相称索引值小于给定索引值的要素(不含有我)

2、内容过滤选用器

内容过滤接纳器

:contains 相称成分是不是含有钦定的文书内容

:contains(“文本内容”) 相配元素是或不是含有钦赐的文书内容

:has //相配含有选择器所相称的因素的因素

:has(标签成分) //相称含有选拔器所匹配的因素的因素

:empty //相配成分内容为空的因素

:empty //相配成分内容为空的成分

:parent //相配含有子成分恐怕文本的成分

:parent //相配含有子成分大概文本的要素

3、属性过滤选用器

品质过滤选用器

[attribute=value] :属性过滤采纳器正是经过成分的品质来获得相应的成分

[attribute=value] :属性过滤采用器便是经过成分的属性来博取相应的因素

例如: $("input[name='chk']").attr("checked", true); --正是把name为chk的复选框的checked 重回的是八个聚众
个性改为true;

例如: $("input[name='chk']").attr("checked", true); --正是把name为chk的复选框的checked 再次回到的是一个集聚
本性改为true

代码实例:

 

图片 1

可知度过滤采用器

4、可知度过滤选用器

:hidden 筛选掩盖的成分(type="hidden",css: display="none")

:hidden 筛选掩饰的因素(type="hidden",css: display="none")

: visible 筛选可知的因素

: visible 筛选可知的成分

子元素过滤选取器

5、子成分过滤选拔器

:nth-child(index/even/odd/equation)

:nth-child(index/even/odd/equation)

潜心:这里的索引值从1上马,而eq是从0发轫

在意:这里的索引值从1伊始,而eq是从0开端

:first-child 找到第四个子成分
:last-child 找到最终一个子成分
:only-child 相称唯有几个子成分的要素

:first-child 找到第二个子元素
:last-child 找到最终一个子成分
:only-child 相称独有一个子成分的成分

表单对象属性过滤选取器

6、 表单对象属性过滤选择器

:disabled 筛选不可用成分
:enabled 筛选可用的要素
: checked 筛选被选中的复选框
: selected 筛选下拉框被选中的成分

:disabled 筛选不可用成分
:enabled 筛选可用的要素
: checked 筛选被选中的复选框
: selected 筛选下拉框被入选的成分

全选,全不选

 

图片 2

                              反选

 

              图片 3

 

 

 

 

 

 

本文由编程发布,转载请注明来源:jQuery中的采用器