jQueryでfindとうまくつきあう方法

jQueryでは、findというものがあります。 よくjQueryのパフォーマンスをあげるときに使います。 findはとても便利です。 しかし、さらにうまく使う方法を見つけたので書いておきたいと思います。 (もう常識みたいになっている??)

つかうのはendというメソッドです。 使い方は

$("#foo").find("#first").css(なんとか);
.end().find("#second").css(なんとか);
.end().find("#third").css(なんとか);

こんなかんじです。 これはつまりつぎのものとおなじです。

$foo=$("#foo");
$foo.find("#first").css(なんとか);
$foo.find("#second").css(なんとか);
$foo.find("#third").css(なんとか);

このようにキャッシュをつかわなくともよくなり、みやすくもなります。

意外と使う場面もおおいので、やってみてください。