jquery的$().each,$.each的区别

以你之姓@ 2021-09-14 09:46 381阅读 0赞

最近一直在研究JS，今天看到遍历模块的时候，看到了这个函数：

**$(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处理上面用的较多**

**示例**：

html部分文档

<ul id="each\_id">  
<li>Coffee</li>  
<li>Soda</li>  
<li>Milk</li>  
</ul>

js遍历函数：

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

输出结果：

![Center][]

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

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

**示例：**

此处没有html代码，只有js代码，如下：

输出结果：

![Center 1][]

**3.最终结论：**

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

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

好了，就到这里吧，希望可以帮助到大家！祝各位工作愉快！

[Center]: /images/20210813/41b176a5b8e8497eadb21909482d08bb.png
[Center 1]: /images/20210813/bbee6b1aa4d84681b7c1244a01fa44ec.png

还没有评论，来说两句吧...