Jquery의 확장 메소드에 대한 자세한 설명

관련 권장 사항: "jQuery Tutorial"

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

1. Jquery의 확장 메서드 프로토타입은 다음과 같습니다. 　

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

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

var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数。

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

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

그러면 병합된 결과

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

는 나중 매개변수가 이전 매개변수와 동일한 이름을 갖는 경우 나중 매개변수가 이전 매개변수 값을 덮어쓴다는 의미입니다.

2. dest 매개변수 생략

위 확장 메서드 프로토타입의 dest 매개변수는 생략 가능하며, 생략할 경우 해당 메서드는 src 매개변수를 하나만 가질 수 있으며, src는 에 병합됩니다.

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 네임스페이스로 확장하는 것입니다.

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

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

첫 번째 매개변수 부울은 이전에 소개된 매개변수와 일치합니다.

var result=$.extend( true,  {},  
    { name: "John", location: {city: "Boston",county:"USA"} },  
    { last: "Resig", location: {state: "MA",county:"China"} } );

하위 개체 위치: {city: "Boston"}이 src1에 중첩되어 있고 하위 개체 위치: {state: "MA"}도 src2에 중첩되어 있음을 알 수 있습니다. 가 true이므로 병합 최종 결과는 다음과 같습니다.

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

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

var result=$.extend( false, {},  
{ name: "John", location:{city: "Boston",county:"USA"} },  
{ last: "Resig", location: {state: "MA",county:"China"} }  
                    );

그러면 병합된 결과는 다음과 같습니다.

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

위는 $.extend()가 프로젝트에서 자주 사용되는 몇 가지 세부 사항입니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 교육을 방문하세요! !

위 내용은 Jquery의 확장 메소드에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!