jquery 플러그인 개발 방법 요약 (스크립트)
2165 단어 jquery
jQuery.extend(object);
jQuery.fn.extend(object);
여기에는 다음과 같은 의미가 있습니다.
jQuery.extend(object); jQuery 클래스 자체를 확장하기 위해서입니다.클래스에 새로운 방법을 추가합니다.
jQuery.fn.extend(object);jQuery 객체에 메서드를 추가합니다.
fn이 뭐지?jQuery 코드를 보면 쉽게 찾을 수 있습니다.
jQuery.fn = jQuery.prototype = {
init: function( selector, context ) {//....
//......
};
원래 jQuery.fn = jQuery.prototype.프로토타입이 낯설지 않을 거예요.
자바스크립트는 명확한 클래스 개념이 없지만 클래스로 이해하면 더욱 편리하다.jQuery는 아주 잘 봉인된 클래스입니다. 예를 들어 문장 $("#btn1") 을 사용하면 jQuery 클래스의 실례를 만들 수 있습니다.
클래스 개발 방법: jQuery.extend(object);jQuery 클래스에 클래스를 추가하는 방법은 정적 방법을 추가하는 것으로 이해할 수 있습니다.예:
$.extend({
add:function(a,b){return a+b;}
});
jQuery에dd의'정적 방법'을 추가하면 jQuery를 도입한 곳에서 이 방법을 사용할 수 있습니다.
$.add(3,4);//return 7
객체 개발 방법: jQuery.fn.extend(object); 그래, jQuery.prototype 확장은 jQuery 클래스에 '구성원 함수' 를 추가하는 것입니다.jQuery 클래스의 실례는 이 '구성원 함수' 를 사용할 수 있습니다.예를 들어 우리는 플러그인을 개발하여 특수한 편집 상자를 만들어야 한다. 이 플러그인이 눌렸을 때, 현재 편집 상자의 내용을 알 수 있다.다음을 수행할 수 있습니다.
$.fn.extend({
alertWhileClick:function(){
$(this).click(function(){
alert($(this).val());
});
}
});
$("#input1").alertWhileClick(); // ：<input id="input1" type="text"/>
$.fn.extend({
alertWhileClick:function(){
$(this).click(function(){
alert($(this).val());
});
}
});
$("#input1").alertWhileClick(); // ：<input id="input1" type="text"/>
$("# input1") 은 jQuery 실례입니다. 구성원 방법인alertWhileClick을 호출하면 확장이 이루어집니다. 클릭할 때마다 현재 편집된 내용을 먼저 팝업합니다.
실제 개발 과정에서 당연히 이렇게 작은 플러그인을 만들지 않을 것이다. 사실 jQuery는 풍부한 조작 문서, 이벤트, CSS, Ajax, 효과 방법을 제시했고 이런 방법을 결합하면 더욱 Niubility 플러그인을 개발할 수 있다.
http://www.jb51.net/article/20535.htm
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
