Jqueryチェーンとコールバック

Question

jQueryの場合、次の2つのスニペットの結果の違いは何ですか？何か？最初のアニメーションの完了時にコールバックとチェーン内の2番目のアイテムが両方とも実行されることを修正しましたか？私は他の上で1つを使用したい状況の種類（複数可）で

$(selector).animate({ opacity: 1}, function() 
{ 
    $(this).animate({ opacity: 0.5 }); 
}); 

対

$(selector).animate({ opacity: 1 }).animate({ opacity: 0.5 }); 

？私がもっと洗練された何かをする必要があるか、別のセレクターに切り替える必要がある場合は、後者のみを使用しますか？

ありがとうございます。

Answer 1

これらは事実上同じですので、おそらく最初のものを使用してください。

コールバック（2番目のバージョン）は、自動的にキューに入れられない任意のコードを実行するためのものです。

これには、たとえば.css()のような他のjQueryメソッドが含まれています。コールバックに含まれていない場合は、アニメーションが完了するまでに長く実行されます。コールバックなし

// .animate() is automatically queued 
$(selector).animate({ opacity: 1 }).animate({ opacity: 0.5 }); 

---

// .css() is not automatically queued, so you'd need a callback 
$(selector).animate({ opacity: 1 }, function() { 
    $(this).css({ opacity: 0.5 }); 
}); 

---

...

// Animation starts ----v 
$(selector).animate({ opacity: 1 }).css({ opacity: 0.5 }); 
// ...but .css() runs immediately-------------^ 
// ...because it isn't automatically added to the queue. 

Answer 2

唯一の違いは、タイミングである：最初のアニメーションが完了するまで第二の例のコールバックが実行されません。最初の例の連鎖アニメーションは、最初のアニメーションの開始直後に発生します。