안규 공부방

Javascript & JQuery & CSS > 사용자 함수를 만드는 방법

등록일 : 2017-07-04 19:32 조회수 : 94,831

Jquery 에서 사용자 함수를 만드는 법을 나타내는 예제 입니다.
$.fn.addText1 = function(s) { return this.append(s); }; $(document).ready(function() { $('#newFn').click(function() { $('#textAra').addText1("aaa <br>"); }); });

<input type="button" name="newFn" id="newFn" value="함수 테스트"></button>
<div id="textAra"></div>

Jquery 에서 사용자 함수를 만드는 방법은

$.fn.함수명 = function(str)
{
//함수내 처리로직
};

과 같은 형태로 만들수 있습니다.

위소스에서 예제는 함수테스트 버튼(newFn) 을 클릭했을 경우 div id="textAra" 객체에 aaa 문자를 추가하는 예제 입니다.

$('#newFn').click(function() {
$('#textAra').addText1("aaa <br>");
});

newFn 객체를 클릭할 경우 $('#newFn').click( #textAra 객체에 addText1 함수를 호출하여 실행하게 됩니다.
※ 혹시 도움이 되셨다면 댓글에 한마디 남겨주세요!
작성자   비밀번호
자동글 방지     (자동글 방지 기능입니다.)
내용   댓글달기 
이메일 문의 : cak0280@nate.com  
Copyright 2000 By ENTERSOFT.KR All Rights Reserved.