网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

$().each和$.each在jquery中有什么区别

本篇文章为大家展示了$().each和$.each在jquery中有什么区别,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

公司主营业务:网站制作、网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出保亭黎族免费做网站回馈大家。

$(selector).each(function(index,element))

这个函数和之前项目里面用到的遍历数据的函数不是同一个呀(项目里面用到的函  数:$.each(dataresource,function(index,element))),于是,就好好研究了下,果然在JS里面有两个相似的函数,于是也就有了今天的主题:

 1.$(selector).each(function(index,element))

 2.$.each(dataresource,function(index,element))

接下来就对这两个函数做深入的探讨:

1.$(selector).each(function(index,element))

作用:在dom处理上面用的较多

  
    
  • muzi
  •     
  • digbig
  •     
  • muzidigbig
  •   

    js遍历函数:

      function traversalDOM(){
        $("#each_id li").each(function(){
           alert($(this).text())
        });
      }
      traversalDOM();

    输出结果:

    $().each和$.each在jquery中有什么区别

    2.$.each(dataresource,function(index,element))

    作用:在数据处理上用的比较多

    示例:

    此处没有html代码,只有js代码,如下:

      function traversalData(){
        var jsonResourceList = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"}]';
        if(jsonResourceList.length >0){
          $.each(JSON.parse(jsonResourceList), function(index, currentObj) {
            alert(currentObj.tagName);
          });
        }
      }
      traversalData()

    $().each和$.each在jquery中有什么区别

    3.最终结论:

    在遍历DOM时,通常用$(selector).each(function(index,element))函数;

    在遍历数据时,通常用$.each(dataresource,function(index,element))函数。

    上述内容就是$().each和$.each在jquery中有什么区别,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


    网站栏目:$().each和$.each在jquery中有什么区别
    文章链接:http://bjjierui.cn/article/jjoehg.html

    其他资讯