菜单

jquery选拔器用法笔记(第二盘部),jquery采用器

2019年8月17日 - Ajax

明天卫冕讲讲jquery选取器的越多用法,希望能给我们带来辅助。

jquery选拔器用法笔记(第一有的),jquery选用器

鉴于自家在项目中用jquery非常多,并且感到jquery真的很不利,尤其是其心灵手巧高效的选用器更是令人无法忘怀。那么,前日就来写一篇十一分基础的有关jquery选取器的篇章,路过的仇人能够贮藏以作参照。

1、$(“*”)   —  选取全数因素

* 选取器选用文书档案中的每一种独立的因素,包涵 html、head 和 body。

假使与其余因素(嵌套选择器,正如上面包车型客车例证)一齐行使,该选择器选用钦赐元素中的全部子成分。

如选用body内的具有因素大家我们能够那样:$(body *)

2、$(“#id”)  —  选拔对应id的因素

# 选拔带有独一的钦定 id 的因素。

id 引用 HTML 元素的 id 属性。

平等的 id 值只可以在文书档案中利用贰次。

如要采取id为content的成分:$(“#content”)

只顾:id不要以数字起初,有些浏览器会出标题

3、$(“.class”)  —  选用钦点class的兼具因素

. 选取器选取带有钦定 class 的成分。

class 引用 HTML 元素的 class 属性。

与 id 选择器差异,class 选用器常用于四个成分。

这么就足感到涵盖一样 class 的其他 HTML 成分设置一定的体裁。

只顾:class名称不要以数字起先,有个别浏览器会出标题

如要选取class为title的具备因素:$(“.title”)

4、$(element)  —  选择钦赐标签名的因素

element 选取器选择带有钦赐标具名的因素。

标具名引用 HTML 标签的 < 与 > 之间的文件。

如要选用全部p成分:$(p)

5、$(“p:first”)  —  选择第三个p成分

:first 选用器采取第八个要素。

最普及的用法:与其余因素一同行使,采纳钦命组合中的第一个成分

6、$(“p:last”)  —  选择最终八个p元素

:last 采纳器接纳最后贰个成分。

最常见的用法:与别的因素一齐行使,采用钦赐组合中的最终三个因素

7、$(“tr:even”)  —  采用全体偶数<tr>成分

:even 选取器选拔各样带有偶数 index 值的要素(举个例子 2、4、6)。

index 值从 0 发轫,全部第贰个要素是偶数 (0)。

最广泛的用法:与其余因素/选取器一同行使,来摘取钦点的组中偶数序号的因素

8、$(“tr:odd”)  —  选择全部奇数<tr>成分

:odd 采纳器采纳种种带有奇数 index 值的要素(举例 1、3、5)。

index 值从 0 开头,全部第四个要素是偶数 (0)。

最广大的用法:与其余因素/采取器一同行使,来摘取钦命的组中奇数序号的因素

 

后天先介绍那多少个,改天再持续讲别的的精选器用法,敬请期待

http://www.bkjia.com/jQuery/1087363.htmlwww.bkjia.comtruehttp://www.bkjia.com/jQuery/1087363.htmlTechArticlejquery选择器用法笔记(第一部分),jquery选择器
由于自己在品种中用jquery非常多,而且认为jquery真的很不利,特别是其心灵手巧急速的接纳器更是…

9、$(“ul li:eq(3)”)  —  列表中的第多个要素(index 从 0 初阶)

:eq() 采用器选拔带有内定 index 值的要素。

index 值从 0 早先,全部第1个要素的 index 值是 0(不是 1)。

时常与任何因素/采纳器一齐行使,来抉择钦定的组中特定序号的因素

10、$(“ul li:gt(3)”)  —  列出 index 大于 3 的元素

:gt 选拔器采用 index 值高于钦赐数的因素。

index 值从 0 开始。

常常与别的因素/选拔器一齐使用,来采取钦定的组中特定序号之后的要素

11、$(“ul li:lt(3)”)  —  列出 index 小于 3 的元素

:lt 选用器接纳带有小于钦命 index 值的要素。

index 值从 0 开始。

再三与别的因素/选择器一起利用,来挑选钦定的组中特定序号此前的元素

12、$(“input:not(:empty)”)  —  全数不为空的 input 成分

13、$(“:header”)  —  全部标题成分 <h1> – <h6>

:header 选用器采取全体标题成分(h1 – h6)。

14、$(“:animated”)  —  全数动画成分

15、$(“:contains(‘jquery’)”)  —  包括钦赐字符串的有着因素

:contains 选拔器选择包括钦命字符串的因素。

该字符串能够是直接包涵在要素中的文本,可能被含有于子成分中。

平时与任何因素/采用器一齐利用,来摘取钦命的组中包涵钦点文本的成分

16、$(“:empty”)  —  无子(元素)节点的兼具因素

:empty 选择器选用空的成分。

空成分指的是不带有子成分或文本的成分。

17、 $(“p:hidden”)  —  全部遮蔽的 <p> 成分

18、$(“table:visible”)  —  全数可知的表格

:visible 选取器选用各类当前是可知的因素。

除以下二种情况之外的成分正是可知成分:

设置为 display:none type=”hidden” 的表单成分 Width 和 height 设置为 0
遮盖的父元素(相同的时候遮蔽全体子成分) 19、$(“th,td,.intro”)  — 
全数带有相称选择的要素

 

好了,明天就介绍这一个,改天再介绍其余的

http://www.bkjia.com/jQuery/675284.htmlwww.bkjia.comtruehttp://www.bkjia.com/jQuery/675284.htmlTechArticle今天继续讲讲jquery选择器的更多用法,希望能给大家带来帮助。
9、$(“ul li:eq(3)”) — 列表中的第四个成分(index 从 0 发轫) :eq()
选用器选用…

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图