成都网站建设设计

将想法与焦点和您一起共享

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怎么使用
URL标题:http://chengdu.cdxwcx.cn/article/pejedc.html