// 함수 확장 : 나만의 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 |