$(selector).each()和$.each()的区别

.each()

$(selector).each()是专门用来遍历一个jQuery对象,为每个匹配元素执行一个函数。

.each() 方法用来让DOM循环结构更简单更不易出错。它会迭代jQuery对象中的每一个DOM元素。每次回调函数执行时,会传递当前循环次数作为参数(从0开始计数)。更重要的是,回调函数是在当前DOM元素为上下文的语境中触发的。因此关键字 this 总是指向这个元素。


  • foo
  • bar

$( "li" ).each(function( index ) {
  console.log( index + ": "" + $(this).text() );
});

结果:

0: foo 
1: bar


可以通过返回 false以便在回调函数内中止循环


$.each()

完整格式:jQuery.each(),简写为$.each()

$.each()函数。$.each()函数可用于迭代任何集合,无论是“名/值”对象(JavaScript对象)或数组。在迭代数组的情况下,回调函数每次传递一个数组索引和相应的数组值作为参数。(该值也可以通过访问this关键字得到,但是JavaScript将始终将this值作为一个Object ,即使它是一个简单的字符串或数字值。)该方法返回其第一个参数,这是迭代的对象。

$.each([52, 97], function(index, value) {
  alert(index + ': ' + value);
});

这将产生两个信息:

0: 52 
1: 97

如果对象是作为集合使用,回调函数每次传递一个键值对的:

var obj = {
  "flammable": "inflammable",
  "duh": "no duh"
};
$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});

这将产生两个信息:

flammable: inflammable 
duh: no duh

可以在$.each()返回false来终止迭代。返回非false相当于一个循环中的continue语句,这意味着,它会立即跳出当前的迭代,转到下一个迭代。



你可能感兴趣的:(css,/,js,/,jsp,/,html)