Replace.htm |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>새로운 함수 만들기 </title> <script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> // 함수 확장 : 나만의 메서드 만들기 // 넘겨온 값 (jQuery개체)을 새로운 HTML 개체로 설정 $.fn.ReplaceWith2010 = function (html) { return this.after(html).remove(); // 넘겨운 HTML로 대체 후 기존 값 제거 }; $.fn.Exec = function (a, b) { var r = a + " * " + b + " = " + (a * b); // 계산식 문자열 생성 return this.empty().append(r); // 지정된 개체의 $(document).ready(function () { $('#btn1').click(function () { $('#my').empty(); $('#my').append("<h3>반갑습니다</h3>"); }); $('#btn2').click(function () { // 없었던 함수에 메서드가 생성 $('#my').ReplaceWith2010("<div id='my'><h3>또 만나.</h3></div>"); }); $('#calc').Exec(3, 5); // calc 레이어에 "3 * 5 = 15"를 출력하는 함수 }); </script> </head> <body> <input type="button" id="btn1" value="값 변경1 " /> <input type="button" id="btn2" value="값 변경2" /> <div id="my"> <h3>안녕하세요</h3> </div> <div id="calc"></div> </body> </html> |
'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 82장 JQuerySample 체크 박스 선택/해제 (CheckBoxAllCheck.htm) (0) | 2009.11.25 |
|---|---|
| 81장 JQueryPlugIn 사진 상세 보기 (RedPlusPhotoView.htm) (0) | 2009.11.25 |
| 79장 JQueryUI 탭 컨트롤 (Tabs.htm) (0) | 2009.11.25 |
| 78장 JQueryUI 아코디언 컨트롤 (Accordion.htm) (0) | 2009.11.25 |
| 77장 JQueryUI 개체 선택 (Selectable.htm) (0) | 2009.11.25 |