>  기사  >  웹 프론트엔드  >  JQuery에서 확장 사용 세부 정보 분석

JQuery에서 확장 사용 세부 정보 분석

巴扎黑
巴扎黑원래의
2017-07-09 16:44:10954검색

이 글에서는 JQuery에서 extend를 사용하는 방법을 주로 소개하는데,

Jquery의 확장 메소드 프로토타입은
 
1. ,src3 ...);
src1, src2, src3...을 dest로 병합한다는 의미이며, 반환 값은 병합된 dest입니다. 이 메서드는 병합 후 dest의 구조를 수정하는 것을 볼 수 있습니다. 병합된 결과를 얻고 싶지만 dest의 구조를 수정하고 싶지 않은 경우 다음과 같이 사용할 수 있습니다:

2, 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"}
즉, 다음 매개변수가 이전 매개변수와 동일한 이름을 가지면 후자의 매개변수가 됩니다. 이전 매개변수 값을 덮어씁니다.

3.extend(boolean,dest,src1,src2,src3...)
첫 번째 매개변수 boolean은 전체 복사 수행 여부를 나타내며, 나머지 매개변수는 이전에 소개한 것과 일치합니다.
예를 들어

코드는 다음과 같습니다. 다음과 같습니다:

var 결과 =$.extend( true, {},
{ 이름: "John", 위치: {city: "Boston",county:"USA"} },
{ 마지막: " Resig", location: {state : "MA",county:"China"} } );


src1location:{city:"Boston"}에 중첩된 하위 개체가 있음을 확인할 수 있습니다. 또한 src2 위치에 중첩된 하위 개체가 있습니다:{ state: "MA"}, 첫 번째 전체 복사 매개변수가 true이면 병합된 결과는 다음과 같습니다.

코드는 다음과 같습니다:

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

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


코드는 다음과 같습니다.

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

{ 이름: "John", 위치:{city: "Boston",county:"USA" } },
{ last: "Resig", location: {state: "MA",county:"China"} } ); 병합된 결과는 다음과 같습니다.

코드는 다음과 같습니다.

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

위 내용은 JQuery에서 확장 사용 세부 정보 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.