博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解析JQuery中each方法的使用
阅读量:5995 次
发布时间:2019-06-20

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

each() 方法规定为每个匹配元素规定运行的函数。写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。

概述:

  • each() 方法规定为每个匹配元素规定运行的函数。
  • 返回 false 可用于及早停止循环,相当于break。
  • 返回 true 可以结束本次循环,相当于continue。

语法:

$(selector).each(function(index,element){ })    index - 选择器的 index 位置    element - 当前的元素(也可使用 "this" 选择器)  $(selector).each(function(){ })  $.each(array,function(Key,Value){ })

1.遍历js数组

$(function(){ var array=["aaa","bbb","ccc"]; $.each(array,function(i,j){  alert(i+":"+j);  //i表示索引,j代表值 });})

2.遍历Object对象

var obj = new Object();obj.name="zs";$.each(obj, function(name, value) {  alert(this);  //this指向当前属性的值,等价于value  alert(name);  //name表示Object当前属性的名称  alert(value);  //value表示Object当前属性的值});//欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:864305860

3.遍历JSON对象

var json ={"name":"zhangSan","role":"student"};$.each(json,function(key,value){ alert(key+":"+value);});

4.遍历由多个JSON对象组成的数组

var json =[{"name":"Amy","role":"student"},{"name":"Tom","role":"student"}];$.each(json, function(index, value) {  alert("index="+index+"\n" +"name:"+value.name+"\n"+"role:"+value.role+"\n");});//欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:864305860

5.遍历jQuery对象

    
遍历jQuery对象
  • first
  • second
//欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:864305860

结语

感谢您的观看,如有不足之处,欢迎批评指正。

转载地址:http://rgqlx.baihongyu.com/

你可能感兴趣的文章
[华为机试练习题]9.坐标移动
查看>>
April Fools Day Contest 2016 B. Scrambled
查看>>
iOS开发--多线程
查看>>
网易游戏2015年暑期实习生面试经历-游戏研发project师
查看>>
Celery的实践指南
查看>>
Shell中的while循环【转】
查看>>
Linux下安装memcached
查看>>
qt介绍
查看>>
error
查看>>
ASP.NET MVC下使用AngularJs语言(一):Hello your name
查看>>
[书目20111003]Ivor Horton's Beginning Java, Java 7 Edition
查看>>
centos使用yum安装软件的时候出现了undefined symbol: CRYPTO_set_locking_callback
查看>>
android studio下生成jni头文件
查看>>
最简单的Android教程之自定义控件
查看>>
虚拟 router 原理分析- 每天5分钟玩转 OpenStack(101)
查看>>
使用linux的shell脚本实现在当前行重复动态显示时间等字符串信息(不另起新行)...
查看>>
myeclipse开发代码颜色搭配保护视力
查看>>
iOS开发-数据存储NSCoder
查看>>
SQL Server 存储过程【转】
查看>>
localstorage和sessionstorage上手使用记录
查看>>