jquery - jquery プラグインを実行する簡単な方法

Question

チュートリアル/テンプレートに基づいて、非常に簡単な jquery プラグインを作成しました。ドキュメントオブジェクト以外でプラグインを起動する方法があるのだろうか?

次のように実行したい：myplugin();

これの代わりに：$('.anydiv').myplugin();

私のプラグインは、要素の上で実行されるメリットがないためです。

または私はそれを間違っていますか？

score 2 · Accepted Answer

いいえアンドレアス・ノーマン

jqueryプラグイン構文としてプラグインを作成し、あなたが言ったようにプラグインを呼び出す必要があります

$('.anydiv').myplugin();

本当に次のように呼び出したい場合:

myplugin();

次に、関数のようにする必要があります

var myplugin = function(){ ...};

function myplugin(){...}
...
....

score 1 · Accepted Answer

$.fn.myplugin = function(){
     // your code goes here.
}

jQuery Web サイトからの引用-

取得した要素のセット内のテキストを緑色にするプラグインを作成したいとしましょう。greenify という関数を $.fn に追加するだけで、他の jQuery オブジェクトメソッドと同じように使用できるようになります。

$.fn.greenify = function() {
    this.css( "color", "green" );
};

$( "a" ).greenify(); // Makes all the links green.

連鎖を有効にしたい場合、$(".myClass").greenify().css('color','white')jquery 呼び出しのように、通常は元のオブジェクトへの参照を返すことができます。

$.fn.greenify = function() {
    this.css( "color", "green" );
    return this;
}

$( "a" ).greenify().addClass( "greenified" );

2 に答える 2