jquery中$().each与$.each的区别是什么?

jquery中$().each与$.each的区别是什么?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

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();

1.png

输出结果:

2.png

遍历DOM元素(each()的方法使用):

代码如下:

3.png

输出结果依次为:

4.png

each和map的比较:

下面的l例子:是获取每一个多框的Id的值:

each:方法:

定义一个空数组:通过each方法;往数组添加 Id值,最后将数组转换成字符串后,alert这个值:

代码如下:

5.png

输出结果:

6.png

map方法:

将每个:checkbox执行return this.id并将这些返回值,自动的保存为jquery的对象,然后用get方法将其转换成原生javascript数组,在使用join方法转换成字符串,最后console.log()这个值;

代码如下:

7.png

输出的结果:

8.png

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是jquery中$().each与$.each的区别是什么?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏