博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery遍历小结
阅读量:6317 次
发布时间:2019-06-22

本文共 1241 字,大约阅读时间需要 4 分钟。

hot3.png

  1、对DOM对象的遍历

           语法:$(selector).each(function(index,element));

            其中selector为jQuery选择器,function中有两个参数,index指的是遍历对象的下标,element则是遍历的值。这就和一个数组元素有点类似:array[i]   index就是i的值,而element就是array[i]。

            用途:在工作中你可能需要对查询处理的所有元素进行特别的样式处理。

html代码

 
Stop here 

            jQuery代码:

$("button").click(function () {   $("div").each(function (index, domEle) {     // 给每个元素添加背景样式    $(domEle).css("backgroundColor", "yellow");      if($(this).attr("name")=='wzw'){         return true;    }    if ($(this).attr("id")=='stop') {        $("span").text("Stopped at div index #" + index);        return false; //等价于break;    }   });});

    在遍历的函数中,this值的是DOM对象,这个需要注意,可以通过$(this)转换成jQuery对象。在遍历过程中可以通过return 对循环进行控制。return fasle 则跳出循环,如果return true跳出本次循环。  

2、对象、数组的遍历

      不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。

遍历对象

$.each( [{"name":"科比可比克","password":"123456"}];, function(i, n){  alert(n.name);//科比可比克  alert(n.password);//123456});

遍历数组

$.each( ["name","科比可比克","password","123456"}];, function(i, n){  alert(n);//科比可比克  if(n=='123456'){     return false;  }});

    以上是对这两种不同类型的遍历进行的简单说明,具体使用需要在实际过程中进行熟悉。

转载于:https://my.oschina.net/u/1581846/blog/349657

你可能感兴趣的文章
.Net 转战 Android 4.4 日常笔记(2)--HelloWorld入门程序
查看>>
[原创]浅谈测试团队转型,思维模式的转变是关键
查看>>
Redis学习-SortedSet
查看>>
android CoordinatorLayout使用
查看>>
机器学习资料大汇总
查看>>
Python selenium 滚动条 详解
查看>>
poj1035Spell checker
查看>>
微信程序开发
查看>>
如何退出minicom【学习笔记】
查看>>
李开复教你如何给自己的简历打分
查看>>
C++内存布局之虚拟继承
查看>>
Sqlserver 数据库基本查询
查看>>
图书馆维护系统总结
查看>>
[hadoop源码阅读][5]-counter的使用和默认counter的含义
查看>>
SAP HUM 如何对一个HU做上架?
查看>>
LINUX系统中动态链接库的创建与使用{补充}
查看>>
三维视觉国际会议首度在中国举办
查看>>
达索系统入手XFlow开发商 强化3DEXPERIENCE平台的仿真能力
查看>>
Loadrunner 性能测试服务器监控指标
查看>>
自动化运维工具之ansible
查看>>