[jQuery] jQueryオブジェクトに独自関数（メソッド）を追加する
jQueryオブジェクトに自作した関数を追加（登録？）する方法を調べましたのでメモ。
jQuery.extend(jQuery.fn, {
function_name: function() {
var pos = jQuery(this).position();
alert("left: " + pos.left + "px top: " + pos.top + "px");
}
});
jQuery.extendで登録する感じです。
登録した後は以下のように使えます。
jQuery(object).function_name();
拡張性が高くて便利ですねぇ。改めて感心しました。
[ 追記 ]
この場合は、 jQuery.fn.extend を使用する方が良いみたいです。
jQuery.fn.extend 「jQueryエレメントに独自の新しいメソッドを追加する」
jQuery.extend 「jQuery名前空間に新たなメソッドを追加する」
という違いがあるみたいです。
[jQuery] jQueryオブジェクトに独自関数（メソッド）を追加する 本文ここまで
| 「jQueryオブジェクトに独自関数やメソッドを登録（追加）する方法を調べました。」とつぶやいてる私の為に、クリックしてー！ |
|
投稿タグ
境界線
コメントフォーム
コメント
コメントフォーム
コンテンツ内容 ここまで
広島、晴れのち晴れ
makoto_kw さんより： [2009-04-22 17:03:31]
jQuery.fn.extendを使う方がスマートじゃないでしょうか。
http://docs.jquery.com/Core/jQuery.fn.extend
ティコ さんより： [2009-04-22 18:12:04]
>makoto_kwさん
なるほど。拡張するのに２種類あるんですね。
今、日本語のリファレンスを読みましたが、
jQuery.fn.extendは「jQueryエレメントに独自の新しいメソッドを追加する」
jQuery.extendは「jQuery名前空間に新たなメソッドを追加する」
ですか。
結構大きな違いですね。
確かに私がやりたいと思っている事に関してはjQuery.fn.extendの方がピッタリ良さそうです。
ありがとうございます。勉強になりました。
このコメントは、現在管理人の承認待ちです。