我有点困惑.each()有什么好处

Question

我确定这是一个新手问题,但我不明白.each()普通$()选择器有什么好处.该$()选择什么样的选择是,适用什么都被应用到了选择它的所有匹配的情况下,所有实例.我的直接反应是:很好地.each()允许更复杂的事情,但你可以使用jquery方法链,所以我也可以使用普通选择器做更复杂的事情.例如,如果我有5个p元素,我写:

 $("p").css("color","blue");//this would be applied to all five p elements

 $("p").each(function(){$(this).css("color","blue")});//this does the
                                                      //same thing

我确定有一个用途.each(),我目前只是看不到它,正常的选择器似乎已经遍历了所有内容.有人可以举例说明我为什么要使用它.each()吗？

Answer 1

这是一个基于它的data-color属性设置每个元素颜色的示例.

$("p").each(function(){$(this).css("color", $(this).data("color"))});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p data-color="red">Red</p>
<p data-color="green">Green</p>
<p data-color="blue">Blue</p>

基本上,$.each()将允许您调用可以访问相关元素的函数.这反过来允许您根据所述元素的某些属性或属性调用功能.