博客列表 >jQuery选择器 2018年4月3日

jQuery选择器 2018年4月3日

墨雨的博客
墨雨的博客原创
2018年04月04日 14:40:43772浏览

一、基本选择器

1、标签(tag)选择器:$("P"),选取所有P元素。

2、id选择器:$("#title"),选取所有id=“title" 的元素。

3、类(class)选择器:$(".mark"),选取所有class=“mark”的元素。

4、通配符(*)选择器:$("body *"),选取body里的所有元素。

二、层级选择器

1、后代选择器(空格):$("li a"),选取li元素下的所有a元素。

2、子元素选择器(>):$("ul>li"),选取ul下的所有直接子元素。

3、相邻兄弟元素选择器(+):$("li:nth-child(5)+li"),选取第6个li元素。

4、全部兄弟选择器(~):$("li:nth-child(5)~li"),选取第5个li以后的所有li元素。

5、$('li:first'),选取第一个li元素。

6、$("li:last"),选取最后一个li元素。

7、$("li:eq(5)"),选取第6个li元素,jQuery使用eq(i),序号从0开始。

8、$("li:gt(3)"),选取第4个li元素之后的所有li元素。

9、$("li:lt(3)"),选取第4个li元素之前的所有li元素。

10、$("li:even"),选取序号为偶数的li元素(实际效果是奇数)。

11、$("li:odd"),选取序号为奇数的li元素(实际效果为偶数)。

三、内容过滤

1、选取包含指定文本内容的元素。例如:$("P:contains('max')")

2、选取内容为空的元素。例如:$(":empty")

3、选取包含指定标签的元素。例如:  $("p:has('img')")

4、选取有同一父元素的元素。例如:$("p:parent")

四、表单过滤器

1、根据类型选择表单控件

    $(":input") 选择所有表单控件

    $("input:input")选择所有input控件

2、根据表单控件的特征选择控件

    $(":file")只选择file类型的控件

    $(":button:submit")只选择提交按钮

五、常用的过滤方法

1、get()将jQuery对象转为DOM对象。例如: $("li").get(1)

2、eq()选取指定序号的元素。例如: $("li").eq(4)

3、first()选取第一个元素。例如: $("li").first()

4、last()选取最后一个元素。例如: $("li").last()

5、toArray()返回DOM数组(不是jQuery对象)。例如: val li=$("li").toArray()

6、find()返回所有后代元素。例如: $("ul").find(("li")

7、children()返回所有直接子元素。例如: $("ul"),children()

8、each()对每个元素执行回调函数。例如: $("li").each(function())




声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议