【笔记】JQuery中each的用法

来源:互联网 发布:科比0506赛季数据 编辑:程序博客网 时间:2024/04/30 20:08

        JQ中,each()的用法相对来说比较用得多,用法也比较多样,而$.each()的实际作用就是利用function对当前选择的dom元素进行修改。

        下面将介绍each()的用法及既定的传入参数

        首先,each()传入的参数,each(function(index,element){  //code}),会带入上述两个参数,参数可按事件选使用,以下是一些简单的实例:

直接引用index参数:

$("img").each(function(i){   this.src = "test" + i + ".jpg"; });
直接引用this参数代替当前的element参数:

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

   在JQuery里面,this需要用“$”包裹来进入JQuery的模式。


index,element参数共同使用的情况下:

     

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


0 0