jQueryプラグイン開発の2つの方法と$.fn.extend_jqueryの詳細解説

jQuery プラグインの開発には 2 つのタイプがあります。

1 クラス レベル

クラス レベルは、jquery クラスの拡張として理解できます。最もわかりやすい例は $.ajax(...) です。 、これは静的メソッドと同等です。

メソッドを開発および拡張する場合は、$.extend メソッドを使用します。つまり、jQuery.extend(object);

コードをコピーします コードは次のとおりです:

$.extend({

add:function(a,b){return a b;} ,

minus:function(a, b){return a-b;}
});

ページ内で呼び出されます:

コピーコード コードは次のとおりです:

var i = $.add(3,2);
var j = $.minus(3,2) );

2 オブジェクト レベル

オブジェクト レベルは、$("#table").changeColor(...); などのオブジェクト ベースの拡張として理解できます。ここでのchangeColorはオブジェクトベースの拡張です。

メソッドを開発および拡張する場合は、$.fn.extend メソッドを使用します。つまり、jQuery.fn.extend(object);

コードをコピーします。 コードは次のとおりです:

$.fn.extend({

check:function(){
return this.each ({
this.checked=true;
});
},
uncheck:function(){
return this.each({
this.checked=false;
});
}
});

コードをコピーします コードは次のとおりです:

$('input[type=checkbox]').check();
$('input[type=checkbox]') .uncheck();

3. 拡張子

コードをコピーします コードは次のとおりです。 🎜>

$.xy = {
add:function(a,b){return a b;} ,
minus:function(a,b){return a-b;},
voidMethod:function(){alert("void"); }
var i = $.xy.add(3,2);
var m = $.xy.minus(3, 2);
$.xy.voidMethod();