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()">