728x90
300x250
SMALL
(function($){
function MyClass(){
this.프로퍼티1;
this.프로퍼티2;
...
}
MyClass.prototype.메서드1=function(){
}
Myclass.prototype.메서드2=function(){
}
$.fn.플러그인이름=function(){
this.each(function(index){
var obj = new MyClass(); // 플러그인 구현 코드가 들어있는 클래스 인스턴스를 생성
})
}
})(jQuery);
위의 문법같이 작성하면 메서드를 모두 prototype에 만들기 때문에 만들어져 있는 메서드를 공유해서 사용한다.
즉 메서드를 한번만 만들어서 공유해서 사용할 수 있기 때문에 함수기반 플러그인이 가지고 있던 문제점을 해결할 수 있다.
728x90
반응형
LIST
'javaScript > jQuery' 카테고리의 다른 글
detach() 메서드 (0) | 2023.11.12 |
---|---|
한줄 공지사항 상하 롤링 - 비공개 (0) | 2023.10.22 |
선택한 노드 스타일 변경 (1) | 2023.10.10 |
스크롤 하면 생성되는 top버튼 만들기 - jQuery 플러그인 (0) | 2023.10.08 |
jQuery 플러그인 구조 (0) | 2023.10.05 |
댓글