반응형
■ jQuery를 사용한 객체 확장
-. 많은 수의 속성을 추가할 때, 사용하는 메서드는 $.extend()
-. $.extend() 메서드는 다음과 같은 형태로 사용한다.
● $.extend(object, addObject, addObject, …)
-. $.extend() 메서드의 첫 번째 매개 변수로 입력한 객체에 두 번째 매개 변수 이후의 객체를 합친다.
jQueryExtend.html |
| <!DOCTYPE html> <html> <head> <title> jQuery를 사용한 객체 확장 </title> <script src="http://code.jquery.com/jquery-1.7.js"></script> <script> $(document).ready(function () { // 변수를 선언합니다. var object = { name: 'RintIanTta' }; // $.extend() 메서드를 사용합니다. $.extend(object, { gender: 'Male', part: 'Second Guitar' }); // 출력합니다. var output = ''; $.each(object, function (key, item) { output += key + ': ' + item + '\n'; }); alert(output); }); </script> </head> <body> </body> </html> |
출력결과 |
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] DOM 요소 선택하기 (0) | 2015.04.22 |
|---|---|
| [jQuery] 페이지 로드 전에 jQuery / 자바스크립트 실행하기 (0) | 2015.04.21 |
| [jQuery] jQuery를 사용한 배열 관리 (0) | 2013.09.10 |
| [jQuery] jQuery 문법 (0) | 2013.02.22 |
| [jQuery] jQuery 라이브러리 사용하기 (0) | 2013.02.22 |
