jQuery 中的 forEach 选择器

在 jQuery 中，有一些遍历方法可以帮助我们方便地操作 DOM 元素，其中之一就是 forEach 选择器。该选择器可以用于遍历 jQuery 对象数组中的元素。

语法

$.each(collection, callback(indexInArray, valueOfElement));

其中，collection 参数表示要遍历的集合，可以是数组或对象；callback 参数表示每个元素被遍历时要执行的回调函数，可以是匿名函数或命名函数。

示例

下面是一个遍历数组的示例：

var arr = [ "foo", "bar", "baz" ];
$.each(arr, function( index, value ) {
  console.log( index + ": " + value );
});

输出结果为：

0: foo
1: bar
2: baz

下面是一个遍历对象的示例：

var obj = { foo: "111", bar: "222", baz: "333" };
$.each(obj, function( index, value ) {
  console.log( index + ": " + value );
});

输出结果为：

foo: 111
bar: 222
baz: 333

经典用法

在实际开发过程中，forEach 方法经常用于 jQuery 对象数组的遍历，用来进行 DOM 操作、事件绑定等。下面是一些经典的用法示例：

遍历元素并添加 class 属性

$( "li" ).each(function() {
  $( this ).addClass( "foo" );
});

遍历元素并添加事件监听

$( "li" ).each(function() {
  $( this ).on( "click", function() {
    console.log( $( this ).text() );
  });
});

小结

以上就是 jQuery 中 forEach 选择器的用法介绍。可以看到，该选择器非常实用，可以用于遍历数组和对象，并方便地操作 DOM 元素。如果您想深入了解 jQuery 的更多选择器用法，可以继续学习它的其他遍历方法。