jQuery.each的function中有哪些参数（可以大概理解function中的参数问题）

最新推荐文章于 2024-09-23 11:32:59 发布

转载最新推荐文章于 2024-09-23 11:32:59 发布 · 322 阅读

文章标签：

#javascript #ViewUI

本文介绍使用jQuery库操作DOM元素的方法，包括切换样式类、修改图片源及改变背景颜色等常见操作。通过三个具体实例展示了如何利用$.each()方法遍历DOM元素并执行不同任务。

1、没有参数

$("img").each(function(){
  $(this).toggleClass("example");
});

2、有一个参数，这个参数为index

$("img").each(function(i){
   this.src = "test" + i + ".jpg";
 });

3、有两个参数，第一个参数为index，第二个参数为dom元素本身

$("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; 
  } 
});
});