シンプルなjqueryプラグイン

Question

シンプルなjQueryプラグインを構築したいが、始める方法がわからず、いくつかの記事を読み、いくつかの人気のあるプラグインのコードを学習しようとしたが、 。

私にスターターテンプレートを見せてください。

今

$("a").myMessagePlugin(); 

、毎回誰かがそれだけで警告をポップアップし、そのリンクを示すべきリンクをクリック：のは、例のために私はそのように呼び出すことができることを何かを、得るべきであるとしましょう。あなたはjQueryプラグインは、それがjQueryメソッドを連鎖するのに役立つだろうので、あなたがjQueryオブジェクトを返すことを確認してください書くたび

はあなた

Answer 1

その他の回答はほとんど正しいですが、ドル記号を使用する場合は、匿名関数にラップしてjQueryオブジェクトを渡します。そうしないと、他のライブラリと競合する危険性があります。

(function($) { 
    $.fn.myMessagePlugin = function(options) { 
     return this.click(function() { //jQuery object, to be returned 
      alert(this.href); //html element 
     }); 
    } 
})(jQuery); 

Answer 2

ありがとうございます。

$.fn.myMessagePlugin = function(options) { 
    return this.each(function(){ 
     //plugin logic here 
     $(this).click(function() { 
      alert(this.href); 
     }); 
    }); 
} 

Answer 3

あなたがオプションのデフォルトを定義し、$ .extend

使用してそれらを拡張するために

も良い練習がある（私は、感謝をベースとして、前の例を使用しています）だけでなく、未定義の指定お奨めされます

(function($, undefined) { 
    $.fn.myPlugin= function(options) { 
     var opts = $.extend($.fn.myPlugin.defaults, options); 

     return this.click(function() { //jQuery object, to be returned 
      alert(this.href); //html element 
     }); 
    } 

    $.fn.myPlugin.defaults = { 
     "option1": 1, 
     "option2": 2 
    } 
})(jQuery);