JQuery要素をカスタマイズする

Question

JQuery要素にメソッドを追加することはお勧めできませんか？

例：

var b = $("#uniqueID"); 
b.someMethod = function(){}; 

更新

だけ明確にするために、私が操作するためのビジネス・ロジックをカプセル化するローカルJSオブジェクトにJSONデータを結合さJS-駆動のアプリケーションに取り組んでいます実際の基礎となるDOM要素オブジェクトは現在、関連するHTML要素への参照を格納します。実際には、jquery要素の特定のインスタンスをロジックとマージすることができると考えていました。

Answer 1

を使用して、それを呼び出します。しかし、それはかなり無意味です。例：

$('body').someMethod = function(){}; 
console.log($('body').someMethod); // undefined 

新しい機能は、その要素のすべての選択肢ではなく、その選択肢にのみ割り当てられます。あなたの代わりに何をすべき

はjQuery.prototypeのショートカットである、jQuery.fnに新しい機能を追加することです：

jQuery.fn.someMethod = function() { 
    if (this[0].nodeName == 'body') { 
     // do your function 
    } 

    return this; // preserve chaining 
}; 

Answer 2

また、jQueryプラグインを作成することもできます。あなたはプラグインをこのように定義することができます。

$.fn.someMethod = function(options) { 
    # ... 
}); 

はそれと本質的に間違って何もない、まあ$('body').someMethod();

Answer 3

問題は、あなたの関数は非常に一過性ということです。それ以上の質問とそれはなくなるでしょう。 $ .fn.someMethod = function（）{}でjQueryオブジェクト自体を拡張することができ、このメソッドはすべてのクエリで使用できます。

$.fn.someMethod = function() {} 
var b = $("body"); 
b.someMethod();