jquery.extend と jquery.fn.extend の違いと使い方-jsチュートリアル-php.cn

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

巴扎黑

リリース： 2017-07-09 11:53:06

オリジナル

1110 人が閲覧しました

$.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:

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

jQuery コード:
var 空 = {}; var デフォルト = { 検証: false、制限: 5、名前: "foo" }; 検証: true、名前: "bar" }; var settings = jQuery.extend(empty,defaults,options);
Result:
settings == { validate: true、limit: 5、name: "bar" }empty = = { validate: true、limit: 5、name: "bar" }jQuery.fn.extend
```
对jQuery元素的扩展，只能用在jQuery元素上，可以理解为普通方法。定义插件时需要返回this，以支持jQuery的链式操作。
```
ログイン後にコピー
JAVASCRIPT:
🎜🎜🎜🎜

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