jquery의 extend와 fn.extend

1914 단어
클래스로 이해할 수 있습니다. JQuery는 잘 봉인된 클래스입니다. 예를 들어 문장 $("#btn1") 을 사용하면 JQuery 클래스의 실례를 만들 수 있습니다.
하나, JQuery.fn.extend(object);
JQuery 객체에 메서드를 추가합니다.
다음과 같습니다.
JQuery.fn = JQuery.prototype = {
  init:function(selector, context){}
};
JQuery 클래스에 구성원 함수를 추가하는 것입니다.JQuery 클래스의 인스턴스는 이 구성원 함수를 사용할 수 있습니다.
예를 들어 우리는 플러그인을 개발하여 특수한 편집 상자를 만들어야 한다. 이 플러그인이 눌렸을 때, 현재 편집 상자의 내용을 알 수 있다.다음을 수행할 수 있습니다.
$.fn.extend({        
  alertWhileClick:function(){        
    $(this).click(function(){
      alert($(this).val());        
    });        
  }      
});
 
$("#input1").alertWhileClick(); //     :<input id="input1" type="text" />

$("# input1") 은 구성원 방법인alertWhileClick을 호출하면 확장이 이루어집니다. 클릭할 때마다 현재 편집된 내용을 먼저 팝업합니다.
 
2. JQuery.extend(object);
JQuery 클래스 자체를 확장하기 위해 클래스에 새로운 방법을 추가합니다.
JQuery 클래스에 정적 메서드가 추가됩니다.예:
$.extend({
  add: function(a, b){
    return a+b;
  }
});

JQuery에dd의 "정적 방법"을 추가하면 JQuery가 도입된 곳에서 이 방법을 사용할 수 있습니다.
$.add(3,4)  //return 7

좋은 웹페이지 즐겨찾기