jQuery.extend()、jQuery.fn.extend()拡張メソッドの詳細説明examples_jquery

jQuery には、カスタマイズされた jQuery.extend() メソッドと jQuery.fn.extend() メソッドがあります。 jQuery.extend() メソッドはグローバル関数またはセレクターを作成でき、jQuery.fn.extend() メソッドは jQuery オブジェクト メソッドを作成できます。 >
例:

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

jQuery。 extend({
showName : function(name){
alert(name)
}
});
jQuery.showName("ダークブルー"); 🎜>jQuery。プラグインの作成に加えて、extend() は jQuery オブジェクトの拡張にも使用できます。

コードをコピーします。

コードは次のとおりです。 var a = { name : "blue", pass : 123 }

var b = {

名前 : "赤",
パス : 456,
年齢 : 1
}
var c = jQuery.extend({},a,b); >
c は a、b オブジェクトの属性を所有します。b オブジェクトは a オブジェクトの後にあるため、その name 属性は c オブジェクトの最初にあります。

jQuery.extend() メソッドは一連のオプションを渡します。

コードをコピーします


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

function fn(options){ var options = jQuery.extend({ //デフォルトパラメータオプションリストname1: value1, name2: value2, name3: value3 }, options); //関数パラメータを使用して、デフォルトのパラメータ オプション リストを上書きまたはマージします

/ /Function body

}
fn({ name1 : value3, name2 : value2 , name3 : value1 });/ /Use new value
fn({ name4 : value3, name5 : value2 });// デフォルトに新しいオプションを追加します
fn(); // デフォルトのオプション値を保持します


このメソッドを呼び出すと、新しいパラメータ値を渡すとデフォルトのパラメータ オプション値が上書きされます。それ以外の場合は、デフォルトのパラメータ値を使用します。

JQuery.fn オブジェクトを使用して JQuery オブジェクト メソッドを作成します。 >
jQuery.fn オブジェクトを通じてプロパティとメソッドを追加できます。実際、jQuery.fn オブジェクトは jQuery.prototype のフックです。jQuery は

fn の略です。 jQuery コードを見ると、見つけるのは難しくありません。

コードをコピー


コードは次のとおりです。

jQuery.fn = jQuery.prototype = { init: function(selector, context) {//.... //……};

オリジナルの jQuery .fn = jQuery.prototype プロトタイプについてはよくご存知でしょう。

例:




コードをコピーします

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

jQuery.fn.test = function(){ alert("これは jQuery オブジェクトのメソッドです!"); jQuery("div").click(function(){ $(this).test (); //現在の jQuery オブジェクトで test() メソッドを呼び出します jQuery.fn.extend() メソッドを呼び出すことができます。 jQuery オブジェクトのメソッドを作成します。

コードをコピーします。


コードは次のとおりです。

jQuery.fn .extend({
test : function( ){

return this.each(function(){ alert(this.nodeName) }); } }); jQuery("body *"). click(function(){ $(this).test(); // jQuery オブジェクトのメソッド

を呼び出します

一言で言えば、jQuery.extend は JQuery クラスのカスタム拡張機能であり、jQuery.fn.extend は JQuery オブジェクトのカスタム拡張機能です。