Cat Paw Software

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== jQuery Plugin ======

===== プラグインを探す =====
[[http://plugins.jquery.com/|公式サイトのプラグインページ]]


===== 自作 =====
jQueryオブジェクトにメソッドを追加する。

extendを使う方法と、jQueryオブジェクトに直接関数をセットする方法がある。
<code javascript>
//直接拡張
jQuery.fn.hoge = function(config){ 
    this.each(function(){ $(this).prepend("ほげ") }); 
    return this;
};

// extendで拡張
jQuery.fn.extend({ 
    fuga: function(config){ 
        this.each(function(){ $(this).append("ふが") }); 
        return this; 
    }
});

$("p").hoge().fuga();
</code>
thisは、処理中のjQueryオブジェクト自身を指す。何らかの値を取得するようなメソッドでなければ、メソッドチェインを続けられるように'''return this'''する。

設定は引数にjavascriptオブジェクト形式で渡すのが一般的
<code javascript>
jQuery.fn.extend({ 
    alert: function(config){
        config = jQuery.extend({message: "？"}, config);  // 設定が無かった時のデフォルト値
        window.alert(config.message); 
        return this; 
    }
});

$("p").alert({message: "！"}).alert();
</code>