在jquery里，使用$.each()函数循环数组，对象，dom的用法

介绍

$.each() 能遍历一维数组，多维数组，JSON对象，dom2元素。在开发中可以很高效的处理各种数据结构。前提，需要导入jquery

使用

遍历JSON对象

  var objDemo = {name: 'linda',age:12, desc: 'a girl'};$.each(objDemo,function(i,value) {console.log(i,'---',value);  // i是当前的键值名， value是键值名对应的属性值})

console输出的结果为：
在这里插入图片描述
2. 遍历数组

  var arrDemo = ['linda','judy','jerry','mark'];$.each(arrDemo,function(i,value) {console.log(i,'---',value);  // i是当前的索引， value是当前索引对应的属性值})

console输出的结果为：
在这里插入图片描述
3. 遍历多维数组

 var secondArr = [['linda','lisa'],['mark','mike']];$.each(secondArr,function(idx,item) {console.log(idx,'---',item);  //idx是对应的下标索引， item是对应的索引下的数组})

console输出的结果为：
在这里插入图片描述
4. 遍历dom

<input type="text"  name="china" value="中国" />
<input type="text"  name="japan" value="日本" />
<input type="text"  name="korean" value="韩国" />$.each($('input:text'),function(i,item) {console.log(i,'---',item);  // i是对应的下标索引， item是对应索引下的html对象，可以通过.来获取对应的值，console.log(item.value)  //   比如这里使用item.value就可以获取到input的值// 比如在这里操作：对索引是1的input，设置他的边框为红色if(i == 1) {$(item).css('border','1px solid red')  }})