javascript - 为什么我们应该使用 $().each 方法？

Question

可能是一个非常基本的，但仍然需要了解现场。

对于一个简单的 DOM 操作，什么可以迫使我们使用 Jquery -> .each ？

基本上，以下两者有什么区别？

$('ul').css('color','black')和

$('ul').each(function(){ $(this).css('color','black');});

推荐什么，为什么？

Answer 1

.each在这样的情况下会很有用：

var a = 100;
$('ul').each(function(){ $(this).css('width',a+'px');  a+=200;});

Answer 2

.each 在您想要分别迭代每个元素的情况下很有用

$( "div" ).each(function( i ) {
if ( this.style.color !== "blue" ) {
  this.style.color = "blue";
} else {
  this.style.color = "";
}
});

或者

$("div").css("color", function(i, val){return val === "blue" ? "" : "blue"});

Answer 3

要遍历对象列表，可以使用 $.each()。如果您从 ajax 调用中获取 json 字符串或对象，然后需要对其进行迭代，则非常有用。