ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery.extend()、jQuery.fn.extend()拡張メソッドの詳細説明examples_jquery

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

WBOY
WBOYオリジナル
2016-05-16 16:49:071062ブラウズ

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 オブジェクトのカスタム拡張機能です。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。