前端开发

首页 > 前端开发 > jquery教程 > 浅谈JQUERY的each方法详细介绍：DOM遍历：数组对象遍历:最新评论添加评论

浅谈JQUERY的each方法详细介绍：DOM遍历：数组对象遍历:最新评论添加评论

分享到：

【字体：大中小】

2023-08-18
来源：网络
108
27
18

导读：
[导读] 今天浅谈JQUERY的each方法，JQ有一个万能的迭代【遍历】方法， each, 次方法可以遍历，数组，对象不过次方法需要注意一点就是 return false 是 break, return true 才是 continue ，很多人都搞错了...

今天浅谈JQUERY的each方法，JQ有一个万能的迭代【遍历】方法，each,

次方法可以遍历，数组，对象

不过次方法需要注意一点就是 return false 是 break, return true 才是 continue，很多人都搞错了，站长也有过搞错了经历，一直以为 return true 才是 break...

详细介绍：

以每一个匹配的元素作为上下文来执行一个函数。

意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整型）。返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。

DOM遍历：

/////

 
 


 

Stop here

///// $("button").click(function () { $("div").each(function (index, domEle) { // domEle == this $(domEle).css("backgroundColor", "yellow"); if ($(this).is("#stop")) { $("span").text("Stopped at div index #" + index); return false; } }); });

上面是一个遍历dom的实列，利用 return false 终止遍历【break】

数组对象遍历:

数组部分
var arr = [1,2,'3']
$(arr).each((item,index) => {
    console.log(item, index)
})
对象部分
var ob = {a:'aaa',b:'bbbb'}
$(ob).each((item,index) => {
    console.log(item, index)
})

分享到：

jQuery.fn和jQuery.prototype区别介绍最...
近期在读jQuery的源码。发现这里有个东西很难理解。这里的 jQuery , jQuery.fn , jQuery,fn,init ,jQuery,prototype 都代表什么。来看下jQuery的源码是怎么样定义的：代码如下: (function( window, undefined ) { var jQuery = (function() { // 构建jQuery对象 var jQuery = function( selecto...

基于jQuery实现列表循环滚动小技巧(超简...
今天带来基于jQuery实现列表循环滚动小技巧(超简单)教程详解看到一个很好的思路，记录一下之前使用jQuery做滚动效果，在这两篇文章里有写：文一、文二，分别使用了scrollLeft()与scrollTop()、scroll()来实现后来看到一个demo，觉得思路很妙，想着可以用来做列表内容项的滚动，效果大概是这样的：思路是这样的：只...

前端开发

浅谈JQUERY的each方法详细介绍：DOM遍历：数组对象遍历:最新评论添加评论

详细介绍：

DOM遍历：

数组对象遍历:

Tags

About