まよねこ inside へのコメント

mayoneco より【jQuery】thisの親や子要素の指定方法へのコメント

mayoneco — Mon, 20 Jun 2011 01:12:00 +0000

＞pion さん
ありがとうございます！！

pion — Fri, 17 Jun 2011 13:45:12 +0000

参考になりました！

mayoneco — Fri, 27 May 2011 03:06:56 +0000

＞mattari_panda さん
計測サンプルまでつくっていただいてありがとうございます！

＞今回のような場合はfindを使ったほうが若干ですがパフォーマンス的に良い
そうみたいですね！なるほど！

＞あらかじめ変数に入れておく
というのもきちんと利用してみようと思います。

改めてありがとうございました！

mattari_panda — Fri, 27 May 2011 02:40:29 +0000

mayonecoさん、他の方々どうもです。

僕の認識が間違っていたようで、
いろいろご迷惑をかけてしまってすみません。
申し訳ありませんでした。

$(‘ul’, this)で
「自分の中（子孫要素）のulタグを探す（DOM取得）」で
問題ないです。

ついでなので、いろいろ計測してみました。

コンソールを開いて、タイトル部分をクリックしてもらうと
計測結果がコンソールに出ます。

type1が
$(‘ul’, this)で取得する場合。
type2が
$(this).find(‘ul’)で取得する場合

ついでに
type3と4は$(this)をfor(){}のまえで変数に入れてみた場合です。

計測結果とjQueryの中を読むとどうやら$(‘ul’, this)はjQueryの中で
find()に展開しているようなので、今回のような場合はfindを使ったほうが
若干ですがパフォーマンス的に良いです。

またtype3と4を見てもらうとわかるように
テストのように$(this)を一回の処理の中で繰り返す場合は
あらかじめ変数に入れておくと、処理の速度も速くなります。

mayoneco — Sun, 22 May 2011 07:58:09 +0000

＞kz さん
コメントありがとうございます！！
とても！！参考になりました！！！
基本のキが抜けたまま、jQuery使っていて、本当にお恥ずかしい。。

疑問点が解消されて大変助かりましたー！
教えていただいた点も含めて近々リライト版もエントリーしようかと思います。
またもしオカシな点がありましたら、ご指摘いただけるとありがたいです！
どうぞよろしくお願いいたします。

mayoneco — Sun, 22 May 2011 07:52:57 +0000

＞initium さん
コメント、及びご指摘ありがとうございます！
お返事が遅くなりまして失礼いたしました。
私も少々調べなおしました！
どうやらご指摘いただいた内容が正しいようですね！

また、後のkzさんにいただいたコメントのリンク先の記述内容が参考になりそうです。
それによりますと、
$(“ul”,this).css
では、find()メソッドのように、
thisの中からulを探す、ということが出来るようです。

どうやらjQueryの基本的な書き方のようですが、、全然知りませんで、お恥ずかしい限りです。。
追記および記事のリライト版をアップしようかと思います！

この度は、間違った情報により混乱させてしまいまして、申し訳ありません！
またコメントいただき大変ありがとうございました！！
おかげさまでまたひとつ、勉強することができました！

また何かありましたらご指摘等いただけると幸いです。