jquery.extend와 jquery.fn.extend의 ​​차이점과 사용

$.extend() 메소드는 JQuery에서 두 가지 용도로 사용됩니다. 첫 번째는 확장 메소드이고, 두 번째는 inheritance 방식
1>
확장에서 jquery로 구현된 입니다.
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]

)

에서 구현한 상속 메서드 반환 값 : 객체

두 개체를 병합하여 새 대상을 얻습니다. deep은 선택 사항입니다(Recursive

Merge)

설정 및 옵션을 병합하고 설정을 수정하고 반환합니다.

jQuery 코드:

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" }

var settings = { 유효성 검사: false, 제한: 5, 이름: "foo" }; var 옵션 = { 유효성 검사: true, 이름: "bar" }; 옵션);결과:

settings == { 유효성 검사: true, 제한: 5, 이름: "bar" }

설명:

1. 기본값을 수정하지 않고 기본값과 옵션을 병합합니다.

2. jQuery 코드:

   var 비어 있음 = {}; var defaults = { 유효성 검사: false, 제한: 5, 이름: "foo" }; }; var settings = jQuery.extend(비어 있음, 기본값, 옵션);결과:settings == { 유효성 검사: true, 제한: 5, 이름: "bar" }empty = = { 유효성 검사: true, 제한: 5, 이름: "bar" }

   jQuery.fn.extend

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

   JAVASCRIPT:

위 내용은 jquery.extend와 jquery.fn.extend의 ​​차이점과 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!