自作jQueryプラグイン作成
自作プラグイン作成の場合、以下のような基本的骨格になる
(function($){
$.fn.extend({
メソッド名:function(){
プラグインコード
}
});
})(jQuery);
では解説
(function($){….})(jQuery)
は
プラグインを
$(セレクタ).メソッド(….)
jQuery(セレクタ).メソッド(….)
のどちらでも呼び出せるようにするために
記述している
これは、環境によっては毎度おなじみの
$()が無効化されていて、
jQuery()しか使えないときの対策
こういう対策は
自分の環境ではあまり気にしないけど
製品によっては
こういう環境もあるため、あとで
対処しなくていいように
あらかじめ対策する癖をつけたほうがいい
$.fn.extend()
はjQueryプラグインの定義している部分
$.fn.extend()の構文は
$.fn.extend({
メソッド名: function(){
プラグインのコード
},
….
})
ちなみに、
$.fn.extend()は
jQueryに新しいメソッドを追加するためのメソッド
プラグインは、要は
jQueryの拡張メソッドのこと
function(){….)の中に
メソッドが呼び出されたときの具体的な処理を記述する
もし、複数のメソッドを追加したいなら
メソッド名: function(){….)
の組み合わせを
,
で区切ってハッシュみたいに書けばいい