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

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

WBOY

リリース： 2016-05-16 16:49:07

オリジナル

1100 人が閲覧しました

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 オブジェクトのカスタム拡張機能です。