2024年6月14日发(作者：)
jq遍历对象的方法
jQuery的$.each()函数可以用来遍历对象（Object）。它有两个参数：1)
对象；2）对象的回调函数。 回调函数的第一个参数是对象的键，而第
二个参数是对应的值。
例如：下面的示例用于遍历一个对象，将其键和值进行打印：
```
var person = {
name: 'John',
age: 21,
job: 'Web Developer'
};
$.each(person, function(key, value){
(key + ': ' + value);
});
```
上面代码输出结果如下：
name: John
age: 21
job: Web Developer
jQuery的$.each()函数不仅可以用于遍历对象，它还可以用于遍历数组。
其原理和用法是相同的，可以将数组的每一个元素的键和值传递给回
调函数。例如：
```
var colors = ['blue', 'green', 'yellow'];
$.each(colors, function(key, value){
(key + ': ' + value);
});
```
上面代码输出结果如下：
0: blue
1: green
2: yellow
除此之外，$.each()还可以用于遍历jQuery对象以外的DOM对象，比
如遍历元素树，DOM事件等。
使用$.each()遍历DOM元素，只需要把回调函数的第一个参数指定为
“index”（元素索引值）即可：
```
$('div').each(function(index, element){
(index + ': ' + ame);
});
```
上面代码输出结果如下：
0: div1
1: div2
2: div3
另外，$.each()还可以用于遍历元素的DOM事件：
```
$(document).on('click', '#myDiv', function(event){
$.each(utes, function(key, value) {
(key + ': ' + value);
});
});
```
上面代码输出结果如下：
id: myDiv
class: myClass
style: color:red;
onclick: test();
总结
jQuery的$.each()函数可以用来遍历对象，数组，DOM树以及DOM事
件。$.each()函数有两个参数：1）对象；2）对象的回调函数。回调函
数第一个参数是键，第二个参数是值。DOM遍历时，需要把回调函数
的第一个参数指定为“index”，即元素的索引值。尽管$.each()函数的参
数和它的原理相对简单，但它的应用是广泛的，可以省去大量的遍历
代码编写。
发布评论