이 기사의 예에서는 jQuery에서 $.extend() 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.
$.extend() 메소드는 다음과 같이 정의됩니다.
jQuery.extend([deep], target, object1, [objectN])
하나 이상의 다른 객체로 객체를 확장하고 확장된 객체를 반환합니다.
대상을 지정하지 않으면 jQuery 네임스페이스 자체가 확장됩니다. 이는 플러그인 작성자가 jQuery에 새로운 메소드를 추가하는 데 도움이 됩니다. 첫 번째 매개변수가 true로 설정되면 jQuery는 발견된 모든 객체를 재귀적으로 복사하는 전체 복사본을 반환합니다. 그렇지 않으면 복사본이 원본 개체와 구조를 공유하게 됩니다. 정의되지 않은 속성은 복사되지 않지만 객체의 프로토타입에서 상속된 속성은 복사됩니다.
사용 방법을 알아보려면 아래 코드를 살펴보세요.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>extendFun</title> <script src="../scripts/jquery-1.9.0.js" type="text/javascript"></script> <meta name="author" content="Administrator" /> <!-- Date: 2013-01-30 --> <script type="text/javascript"> $(function () { var pageConfig= {}; var pageConfig=$.extend(pageConfig,{ createUrl: '${ROOT}/subject/createOrModifyPageTemplates', deleteUrl: '${ROOT}/subject/deletePageTemplates', modifyUrl: '${ROOT}/subject/createOrModifyPageTemplates', infoName: 'pageTemplateInfo' }); $("#subm").click(function(){ var posturl= pageConfig.deleteUrl; alert(posturl); }); }) </script> </head> <body> <input id="subm" name="subm" type="button" value="clickme" > </body> </html>
출력 결과: ${ROOT}/subject/deletePageTemplates
이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.