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

输出结果:

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

代码如下:

输出结果依次为:

each和map的比较:

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

each:方法:

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

代码如下:

输出结果:

map方法:

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

代码如下:

输出的结果:

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

以上就是jquery中$().each与$.each的区别是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读