jQuery.extend 함수의 사용예에 대한 자세한 설명

JQuery의 확장 메서드:
Jquery의 확장 메서드는 플러그인을 작성할 때 일반적으로 사용되는 메서드입니다. 이 메서드에는 몇 가지 오버로드 프로토타입이 있습니다.
1. Jquery의 확장 메서드 프로토타입은 다음과 같습니다.

extend(dest,src1,src2,src3...)

이는 src1, src2, src3...을 병합하는 것을 의미합니다. 반환 값은 병합된 dest입니다. 이 메서드는 병합 후 dest의 구조를 수정하는 것을 볼 수 있습니다. 병합된 결과를 얻고 싶지만 dest의 구조를 수정하고 싶지 않은 경우 다음과 같이 사용할 수 있습니다.

var newSrc=$.extend({},src1,src2,src3... )//즉, "{ }"를 대상 매개변수로 변경합니다.

이 방법으로 src1, src2, src3...을 병합한 다음 병합된 결과를 newSrc에 반환할 수 있습니다. 예:

var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})

그런 다음 병합합니다. 최종 결과

result={name:"Jerry",age:21,sex:"Boy"}

즉, 다음 매개변수가 이전 매개변수와 이름이 같은 경우 다음 매개변수는 이전 매개변수 값을 덮어씁니다. ㅋㅋㅋ >              "- 즐기기”

object

, 예: 　1, $.extend(src)
이 방법은 src를 jquery의 전역 개체에 병합하는 것입니다. 예:

$.extend({ hello :function(){alert('hello');}

});

은 hello 메소드를 jquery의 전역 객체에 병합하는 것입니다.

　
2. $.fn.extend(src)

이 메서드는 src를 다음과 같은 jquery 인스턴스 객체로 병합합니다.

$.fn.extend({
hello:function(){alert( 'hello ');}

});

　은 hello 메소드를 jquery 인스턴스 객체에 병합하는 것입니다.

 다음은 일반적으로 사용되는 몇 가지 확장 예제입니다.

$.extend({net:{}});

 이는 jquery 전역 개체에서 net

네임스페이스

를 확장하는 것입니다.

$.extend($.net,{ hello:function(){alert('hello');}

})

이는 hello 메소드를 이전에 확장된 Jquery net 네임스페이스로 확장하는 것입니다. Go 안에.

3. Jquery의 확장 메소드에도 오버로드된 프로토타입이 있습니다.

extend(boolean,dest,src1,src2,src3...)

첫 번째 매개변수 boolean은 전체 복사를 수행할지 여부를 나타냅니다. 나머지 매개변수는 이전에 소개된 매개변수와 일치합니다. 예를 살펴보겠습니다.

var result=$.extend( true, {},
{ name: "John", location: {city : " Boston",

count

y:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} } );

src1을 볼 수 있습니다 중첩된 하위 개체 위치: {city: "Boston"}에 포함되어 있으며 src2는 하위 개체 위치: {state: "MA"}도 중첩하고 첫 번째 전체 복사 매개변수가 true인 경우 병합된 결과는
입니다.

result={name:"John",last:"Resig",
location:{city:"Boston",state:"MA",county:"China"}}

즉, will src 의 중첩된 하위 개체도 병합되며, 첫 번째 매개변수 부울이 false인 경우 다음과 같이 병합 결과가 무엇인지 살펴보겠습니다.

var result=$.extend( false, {} ,

{ 이름: "John", 위치:{도시: "Boston",county:"USA"} },

{ 마지막: "Resig", 위치: {state: "MA",county:"중국"} }

                    );

합병 후 결과는 다음과 같습니다:

result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}

위의 내용은 $.extend()가 프로젝트에서 자주 사용되는 내용입니다.

위 내용은 jQuery.extend 함수의 사용예에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!