jquery.extend と jquery.fn.extend の違いと使い方

$.extend() メソッドには JQuery で 2 つの用途があります。1 つ目は拡張メソッドで、2 つ目は 継承 方法で jquery によって実装されます1>

。 extension メソッド jQuery.extend
は jQuery オブジェクトを拡張し、グローバルで jQuery のインスタンスなしで使用できる static メソッドとして理解できます。
JAVASCRIPT

:

<code>jQuery.extend({  <br>    min: function(a, b) {  return a < b ? a : b; },<br/>    max: function(a, b) { return a > b ? a : b; }<br> });</code>

2> jQueryによって実装された継承メソッド

jQuery.extend([deep]

, target,

1, object [objectN]) 戻り値: オブジェクト

2 つのオブジェクトをマージして新しいターゲットを取得します。深さはオプションです (

Recursive

Merge)

設定とオプションをマージし、設定を変更して返します。

jQuery コード:

var settings = { validate: false、limit: 5、name: "foo" }; var options = { validate: true、name: "bar" }; options);

Result:

var settings = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; jQuery.extend(settings, options);

结果:

settings == { validate: true, limit: 5, name: "bar" }

描述:

合并 defaults 和 options, 不修改 defaults。

jQuery 代码:

var empty = {}; var defaults = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; var settings = jQuery.extend(empty, defaults, options);

结果:

settings == { validate: true, limit: 5, name: "bar" }
empty == { validate: true, limit: 5, name: "bar" }

settings == { validate: true、limit: 5、name: "bar" }

Description:

デフォルトを変更せずにデフォルトとオプションを結合します。

1. jQuery コード:
   var 空 = {}; var デフォルト = { 検証: false、制限: 5、名前: "foo" }; 検証: true、名前: "bar" }; var settings = jQuery.extend(empty,defaults,options);
2. Result:

   settings == { validate: true、limit: 5、name: "bar" }empty = = { validate: true、limit: 5、name: "bar" }jQuery.fn.extend

   对jQuery元素的扩展，只能用在jQuery元素上，可以理解为普通方法。定义插件时需要返回this，以支持jQuery的链式操作。

   JAVASCRIPT:

3. 🎜🎜🎜🎜

以上がjquery.extend と jquery.fn.extend の違いと使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。