Follow @mycb750

関数型・メソッド型でプラグインを実装する方法をメモ

プラグインを自作する場合に対応する内容をメモ
プラグインには２種類の提供方法があり、＄から呼び出す関数型、＄()で呼び出すメソッド型とある。
それぞれ実装方法がことなるため使い分ける必要がある。

関数型・メソッド型の実装

alert(“hello world”);を実装する例）

//　関数型プラグイン

$.test = function(){
    alert("hello world");
};

// メソッド型プラグイン

$.fn.test = function(){
    alert("hello world");
};

関数型プラグインの実装とコール

関数型の場合は＄のプロパティに直接関数を代入する

実装

$.test = function(a,b){
    return a + b;
}

コール

alert($.test(10,10));

メソッド型プラグインの実装とコール

メソッド型の場合は$.fnのプロパティに関数を代入する

実装

$.fn.test = function(a,b,c){
    console.log(a,b,c,this);
}

コール

$('#id').test(1,2)