jQueryでeachが必要な場合について

Question

jQueryで特定の要素に対してクラスを追加したい場合にeachは必要でしょうか？
以下の2つのパータンどちらもtestクラスに対してhogeクラスを付与することができました。
eachが必要な場合はどういう場合でしょうか？

<ul>
<li class="test"></li>
<li class="test"></li>
<li class="test"></li>
</ul>

//パターン1
$(function(){ 
$('.test').each(function(){
$(this).addClass("hoge");
});
});

//パターン2
$(function(){
$(".test").addClass("hoge");
});

Answer 1

jQueryのメソッドは、その全ての要素に効果があるものと、最初の要素だけに効果があるものがあります。
最初の要素だけに効果があるメソッドを全ての要素に使用したい場合は、eachを使う必要が出てくるでしょう。

そのメソッドがどちらであるのかを判断するには、ドキュメントを読むのが早いです。たとえば：

Adds the specified class(es) to each element in the set of matched elements.

.addClass() | jQuery API Documentation

　

Get the computed style properties for the first element in the set of matched elements.

.css() | jQuery API Documentation

Comments

[s_eses]

ご回答頂きありがとうございます。
私のような初心者にもわかりやすく説明して頂きやっと解決することができました。

Answer 2

たとえばインデックスを利用するときはeachの方が楽です

  $('.test').each(function(x){
    $(this).text(x);
  })

Comments

[yambejp]

でも工夫すればeachは排除できます
$('.test').text(function(){
return $('.test').index(this);
})

効率はさほど変わらないと思います

[yambejp]

あと、子要素を処理したいときはeachで限定しないとキビシイかも

[s_eses]

ご回答頂きありがとうございます。勉強になりました！