前端技术 手机教程
程序开发 平面动画
系统软件 CMS教程
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

jQuery中$().each和$.each()的区别

2020-12-04 16:30:25 来源:转载 作者:Leon

jQuery同时存在$().each$.each()两个写法相近的方法,它们的区别是前者用于处理DOM对象,后者用于处理数据对象。

方法结构

$().each:

$(selector).each(function(index,element){
...
});

$.each():

$.each(dataArray, function(index,element){
...
});

使用示例

使用$().each处理DOM:

<ul>
<li>北京</li>
<li>上海</li>
<li>深圳</li>
</ul>
$(function(){
$('ul li').each(function(){
  console.log($(this).text());
});
});

使用$.each()处理数据:

$(function(){
//定义一个数组
    var cityArray = ['北京','上海','深圳'];
    //定义一个对象数组
    var cityObj = [{'name': '北京'},{'name': '上海'},{'name': '深圳'}];
    //遍历数组
    $.each(cityArray, function(index, el){
        console.log(el);      
    });
    //遍历数组
    $.each(cityObj, function(index, el){
        console.log(el.name);
    });
});
本文关键词:each

相关文章

零五网,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五网 版权所有 辽ICP备13002105号-1