>웹 프론트엔드 >JS 튜토리얼 >JQuery_jquery에서 확장 사용 소개

JQuery_jquery에서 확장 사용 소개

WBOY
WBOY원래의
2016-05-16 16:55:51848검색

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

2. var newSrc=$.extend({},src1,src2,src3. ..)//즉, "{}"를 대상 매개변수로 사용합니다.
이런 방법으로 src1, src2, src3...을 병합할 수 있으며 병합된 결과는 newSrc에 반환됩니다.
다음 예:

코드 복사 코드는 다음과 같습니다.

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

그러면 병합된 결과
result={ name:"Jerry",age:21,sex:"Boy"}
즉, 나중 매개변수가 이전 매개변수와 이름이 같은 경우 나중 매개변수가 이전 매개변수 값을 덮어씁니다. . 예를 들어




코드 복사
코드는 다음과 같습니다. var result=$.extend ( true, {}, { 이름: "John", 위치: {city: "Boston",county:"USA"} },
{ 마지막: "Resig", 위치: {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, {}, { 이름: "John", 위치:{ 도시: "Boston",county:"USA"} },
{ 마지막: "Resig", 위치: {state: "MA" ,county:"China"} } );


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



코드 복사
코드는 다음과 같습니다. result={name :"John",last:"Resig",location:{state:"MA",county:"China"}}
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.