jQuery中循环的本质

最新推荐文章于 2023-03-30 20:27:46 发布

原创最新推荐文章于 2023-03-30 20:27:46 发布 · 599 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#学习笔记

本文探讨了在jQuery中如何使用each方法循环遍历多个元素并修改其样式，以及如何通过循环或each方法获取每个元素的属性值。通过具体代码示例，详细解释了each方法的使用方式及其在实际开发中的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.$(’#list li ').css({‘background’:‘blue’});
上面这句话,里面实际上的本质还是js的循环在完成多个元素背景的修改,
其实也就是jquery内部提供的一个函数或者方法来给我们使用,即each
在开发中,有时候针对jquery元素,我们也是需要each来完成循环工作的

2.比如在获取属性值的时候,即便选择器取到多个元素,但只会默认对第一个标签元素进行提取
如果希望获取每一个元素的内容,则就需要用到each了

	    	//获取每一个元素内容有两种方法,一是利用for循环
		    for(var i=0;i<$('#list li').length;i++){
		        console.log($('#list li').eq(i).html())
		    }

		    //利用each来完成的写法
		    $('#list li').each(function (i,ele) {  //i 表示下标, ele表示每一次循环得到的成员
		        console.log($(ele).html())
		    })