jQuery 中 $().each 与 $.each 的区别是什么? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
在 jQuery 中, 遍历对象和数组, 经常会用到 $().each 和 $.each(), 两个方法,
但是这两个方法使用区别的, 从而这两个方法, 在针对不同 的操作上, 显示了各自的特点;
在遍历 DOM 时, 通常用 $().each()函数; 在遍历数据时, 通常用 $.each()函数.
$().each, 在 DOM 上处理比较多, 而页面有多个 input 标签类型为 checkbox , 对于这时用 $().each; 来处理多个 checkbox:
如下:
- $("input[name='ch']").each(function(i){
- if($(this).attr('checked')==true){
- // 一些操作代码
- }
- });
对于遍历一个数组, 用 $.each()来处理, 简直爽到了极点; 例如:
$.each();
输出结果:
遍历 DOM 元素 (each() 的方法使用):
代码如下:
输出结果依次为:
each 和 map 的比较:
下面的 l 例子: 是获取每一个多框的 Id 的值:
each: 方法:
定义一个空数组: 通过 each 方法; 往数组添加 Id 值, 最后将数组转换成字符串后, alert 这个值:
代码如下:
输出结果:
map 方法:
将每个: checkbox 执行 return this.id 并将这些返回值, 自动的保存为 jQuery 的对象, 然后用 get 方法将其转换成原生 JavaScript 数组, 在使用 join 方法转换成字符串, 最后 console.log()这个值;
代码如下:
输出的结果:
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/17070.html