jQuery 플러그인 구조

(function($){
        $.fn.플러그인이름 = function(속성값){
            this.each(function(index){
                //기능구현
            })
            return this;
        }
    })(jQuery)

 

jQuery 유틸리티가 jQuery 클래스 메서드로 만드는 것과 달리 jQuery 플러그인은 jQuery 클래스의 fn이란 곳에 플러그인을 만든다. 여기서 fn은 prototype을 줄여서 쓴 닉네임이다.

jQuery.prototype.플러그인이름=function(){}

즉 위 와 같이 쓰는것과 같기 때문에 jQuery 플러그인은 jQuery 인스턴스 메서드와 동일한 구조를 가지고 있다. 같다고 볼 수 있다.