jQuery_03 筛选与文档处理

最新推荐文章于 2024-08-02 19:47:45 发布

YY…

最新推荐文章于 2024-08-02 19:47:45 发布

阅读量606

点赞数 3

文章标签： jquery linq 前端

本文链接：https://blog.csdn.net/m0_64043477/article/details/123578768

版权

欢迎一起来学习jQuery_03关于文档处理的内容，Good good study，Day day up！

一. 筛选

1. 过滤

2. 查找

二. 文档处理

1. 查看官方API 文档

2. 增

3. 删

4. 改

（补充：展开菜单）

一. 筛选（重要知识点）

1. 过滤

1. 查看官方API文档

2. first（）：获取匹配的第一个元素

3. last（）：获取匹配的最后一个元素

4. eq（N）：获取匹配的第N或-N个元素

5. filter（selector）：筛选出与指定表达式匹配的元素集合

6. has（selector）：筛选出包含特定特点的元素的集合

7. not（selector）：筛选出不包含特定特点的元素的集合

案例一：演示过滤的所有方法：

1. 从元素数组中找到第一个元素

2. 从元素数组中找到最后一个元素

3. 从元素数组中找到指定的某一个元素

4. 从元素数组中找到属性 title 为 a 的元素

5. 从元素数组中筛选出有 title 属性的元素集合

6. 从元素数组中筛选出有<span>标签的元素集合

7. 从元素数组中筛选出没有 title 属性的元素集合

（详细的过滤方法代码如下所示：）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>哈哈哈</li>
			<li>哈哈哈</li>
			<li>哈哈哈</li>
			<li class="aa">哈哈哈</li>
			<li class="aa">哈哈哈</li>
			<li>哈哈哈</li>
			<li><p class="bb">哈哈</p></li>
			<li>哈哈哈</li>
		</ul>
		<!-- 导包 -->
		<script src="js/jquery-3.5.1.js"></script>
		<script>
		// 拿到第一个
		console.log($("li").first());
		console.log($("li:first"))
		
		// gt 大于
		// lt 小于
		
		console.log($("li").eq(0));//$对象
		console.log($("li").get(0));//js对象
		
		// 只要aa的li
		console.log($("li").filter(".aa"))
		
		// 只要p标签的父元素li
		// has 判断子元素
		$("li").has("p")
		console.log($("l