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

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)

その他おすすめの備忘録

• [jQuery]匿名クラスでクロージャを解決する方法をメモ for clickメソッド
• [Ruby]putsとinspectとpメソッドについて
• [WordPress]検索ワードがわかるウェブ解析プラグイン「Search Meter」
• [WordPress]関連記事を自動表示するレコメンドプラグイン「Similar Posts」
• [Android]Activityの再読み込み
• [Rails]ControllerからViewへ簡易メッセージ表示するflashオブジェクトについて
• [FuelPHP]opauthライブラリでFacebook認証を速攻実装する
• [FuelPHP]独自オリジナル認証ドライバをsimpleauthを参考に実装する２
• [FuelPHP]サンプルデモアプリ「BaseDemoプロジェクト」アップ ※オリジナル認証ドライバ込
• [FuelPHP]完成？：独自オリジナル認証ドライバをsimpleauthを参考に実装する３