// 함수 확장 : 나만의 jQuery 메서드 만들기 
        // 넘겨온 값(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"를 출력하는 함수 확장
        }); 

'Jquery' 카테고리의 다른 글

not(), filter()  (0) 2011.11.25
라디오버튼의 체크된 value  (0) 2011.11.25
다중 속성 지정  (0) 2011.11.25
params  (0) 2011.11.25
플러긴 만들기  (0) 2011.11.25

+ Recent posts