jQuery-筛选-文档处理

最新推荐文章于 2022-12-10 22:38:21 发布

m0_67140851

最新推荐文章于 2022-12-10 22:38:21 发布

阅读量62

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/m0_67140851/article/details/124320475

版权

本文档深入探讨了jQuery中的筛选功能，包括过滤、查找等操作，并详细介绍了如何进行文档处理，如增加、删除和修改元素。具体涵盖first()、last()、eq()等方法的使用，以及children()、find()、parent()等查找函数的实际案例。

摘要由CSDN通过智能技术生成

1 思维导图

在这里插入图片描述

2 筛选

2.1过滤

first():获取匹配的第一个元素
last():获得匹配的最后一个元素
eq():获取匹配的第或N个元素
fite iselector():选出与指定表达式匹配的元素集合
hasiselector():筛选包含特特点的元素的集
notiselector():选出不包特特点的元素的集

2.2过滤案例

// 				1)、首先获取ul中所有的li子元素，即会产生一个li数组uls。然后：
					var uls = $("ul>li");
					
// 				2)、first()：获取数组uls中的第一个元素，即第一个li标签.
					// uls.first().css({"background":"pink"});
					
// 				3)、last()：获取数组uls中的最后一个元素，即最后一个li标签.
					// uls.last().css({"background":"pink"});
					
// 				4)、eq(index):从数组uls中找到下标为2的元素.
					// uls.eq(2).css({"background":"pink"});
					
//					4.1)、从数组uls中找到倒数第2个元素.
					// uls.eq(-2).css({"background":"pink"});
					
// 				5)、filter(selector)：匹配到类名为sa的元素。
					// uls.filter(".sa").css({"background":"pink"});
					
// 					5.1)、匹配到有属性title，并且值为a的元素.
					// uls.filter("[title=a]").css({"background":"pink"});
					
// 					5.2)、匹配到属性title的值不为a的元素
					// uls.filter("[title!=a]").css({"background":"pink"});
					
// 					5.3)、匹配到有title属性，且属性值不为a的元素.
					// uls.filter("[title][title!=a]").css({"background":"pink"});
					
// 					5.4)、从数组uls中过滤出有title属性的元素集合.
					// uls.filter(