jquery - HTMLElementVariable.animate( ... ) 代替?

Question

var $e = $('.class');
$e.animate({ something:1 });

変数からjquery関数を呼び出せないのはなぜですか?

配列の各要素を個別にアニメーション化しようとしています。配列内の配置に従って $e の変数をアニメーション化するにはどうすればよいですか。私はこれを使用できることを知っています：

for (...) {
   $('.class')[i].animate();
}

しかし、特に多くの要素がある場合は、パフォーマンスが低下すると思います。代替方法はありますか？

前もって感謝します。

Answer 1

.animate()関数はjQuery関数であるため、DOM要素で呼び出すことはできません(for質問で言及したループは実際には機能しません) 。ただし、 を使用.each()して一連の一致した要素を反復処理し、それらを個別にアニメーション化できます。

$('.class').each(function(index, element) {
    $(element).animate(); // index is its position in the list
});