jquery의 extend와 fn.extend
하나, 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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.