JavaScript/jQuery
jQuery 플러그인과 그 메서드들을 만들기 위한 기본구조..
altvirus
2012. 1. 1. 23:45
그냥 내 마음대로 만들어본거다. $('#id')처럼대상객체가 하나라면 상관없겠지만 $('.class')처럼 여러개라면 내부에서 적당히 루프를 돌려줘야하고 그 각각의 레퍼런스를 유지하는것도 꽤나 성가시다.
일단 이렇게 기본을 시작해보자.
분명히 다듬어야 할 부분이 많이 생길꺼다.. -_-; 적어도 다음 코드만 봤을때는 의도대로 동작이 되는구나..
일단 이렇게 기본을 시작해보자.
분명히 다듬어야 할 부분이 많이 생길꺼다.. -_-; 적어도 다음 코드만 봤을때는 의도대로 동작이 되는구나..
<div class="test" id="XX"></div>
<div class="test" id="YY"></div>
<script>
$.fn.plug = function(){
var o = this;
o.html("AA");
o.aa = function(){
alert(o===this); // true
o.each(function(i, k){
$(k).html(i+"th : "+k.id);
});
}
return o;
}
var x = $('.test').plug();
</script>
<input type="button" onclick="x.aa()">