どちらが速いでしょうか

質問

javascript で、jqueryを使ったプログラムを書いております。

htmlファイルの中の、ある<p>要素をクリックすると、ある関数が呼び出されるようにしたいのですが、
その際に、

<p onclick="hoge()">文</p>
（関数は外部javascriptファイルに記述。この要素の前によみこみ）

とするのと、

javascript外部ファイル内で$("#p要素のid").click(function hoge (){});
（上の条件と同じ位置で読みこみ）

とするのでは、どちらのほうが実行速度が速いでしょうか。

もし、速度がほとんど変わらない場合、

p要素の数が増えた場合にはどちらのほうが速いでしょうか。

回答No.1

shiren2 · ベストアンサー

速度でいえば前者でしょうが、ほとんど問題にならないと思います。

そもそも#idはユニークですから、検索にほとんど時間が掛かりません。
利便性を考えるなら、後者ならまとめて複数設定することも出来ますし、マークアップとjsを分離出来る利点もあります。

参考にどうぞ。
http://mootools.net/slickspeed/

お礼

お返事遅れてしまい申し訳ありません。

教えていただきありがとうございます！！
参考になりました。

参考ＵＲＬも非常に助かりました。