平武建站

jquery中each怎么使用

这篇“jquery中each怎么使用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“jquery中each怎么使用”文章吧。

目前创新互联公司已为1000+的企业提供了网站建设、域名、虚拟主机、网站托管、服务器租用、企业网站设计、邢台县网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

用法：1、用于为每个匹配元素规定运行的函数，语法为“$(selector).each(function(index,element))”；2、用于遍历指定的对象和数组，语法为“$.each(需要遍历的对象或数组,用于循环执行的函数)”。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中each的用法是什么

1、each() 方法规定为每个匹配元素规定运行的函数。

提示：返回 false 可用于及早停止循环。

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

function(index,element)必需。为每个匹配元素规定运行的函数。

示例如下：





$(document).ready(function(){
  $("button").click(function(){
    $("li").each(function(){
      alert($(this).text())
    });
  });
});





    

  • Coffee
    • 

  • Milk
    • 

  • Soda
    •

输出结果：

jquery中each怎么使用

点击按钮后：

jquery中each怎么使用

2、jQuery.each() 函数用于遍历指定的对象和数组。

语法

$.each( object, callback )

object Object类型 指定需要遍历的对象或数组。

callback Function类型 指定的用于循环执行的函数。

示例如下：





123




 

输出结果：

jquery中each怎么使用

jquery中each怎么使用

以上就是关于“jquery中each怎么使用”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。


当前文章：jquery中each怎么使用
地址分享：http://pwwzsj.com/article/pejedc.html

其他资讯