jquery遍历的each方法

最新推荐文章于 2023-11-16 22:16:57 发布

黄星辰

最新推荐文章于 2023-11-16 22:16:57 发布

阅读量590

点赞数

文章标签：遍历

本文链接：https://blog.csdn.net/huangxingchen123/article/details/52400200

版权

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <script type="text/javascript" src="jquery-1.10.1.min.js"></script> <script type="text/javascript"> $(document).ready(function{ $("button").click(function{ $("li").each(function{ alert($(this).text) }); }); }); </script> </head> <body> <button>输出每个列表项的值</button> <ul> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ul> </body> </html>

效果图：这里写图片描述

1.定义和用法
each 方法规定为每个匹配元素规定运行的函数。
提示：返回 false 可用于及早停止循环。
2.语法
$(selector).each(function(index,element))
参数
描述
function(index,element)
3.必需。为每个匹配元素规定运行的函数。
- index - 选择器的 index 位置
- element - 当前的元素（也可使用 “this” 选择器）
总结：
正确处理循环,循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。
javascript原生循环方法for和while，要比jQuery的.each方法快，应该优先使用原生。