一,前言
jQuery提供了一系列的方法来帮助开发者轻松地遍历和操作DOM元素集合,同时jQuery 提供了一些简单的方法来实现基本的动画效果,如淡入淡出、滑动等,同时还允许用户创建自定义动画序列。
二,遍历
(1)遍历
.map()
通过一个函数匹配当前集合中的每个元素,产生一个包含新的jQuery 对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script src="../static/js/jquery-3.7.1.min.js"></script>
<body>
<ul id="list">
<li>列表 1</li>
<li>列表 2</li>
<li>列表 3</li>
<li>列表 4</li>
<li>列表 5</li>
</ul>
<script>
$("#list>li").map(function (index, element) {
console.log(index, element);
})
</script>
</body>
</html>
.each()
遍历一个jQuery对象,为每个匹配元素执行一个函数
<!DOCTYPE html>
<html lang="en">
<head>
&l