jquery의 extend와 fn.extend 사용 설명
1592 단어 jquery
jQuery는 다음과 같은 두 가지 방법으로 플러그인을 개발합니다.
jQuery.fn.extend(object);
jQuery.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"/>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
