반응형
jQuery에 함수를 추가하는 방법은 무엇입니까?
새로운 jQuery 멤버 함수 를 정의하는 가장 쉬운 방법은 무엇입니까 ?
그래서 다음과 같이 부를 수 있습니다.
$('#id').applyMyOwnFunc()
jQuery에서 자신의 함수 정의를 참조하십시오 .
이 게시물에서는 jQuery에서 자신의 함수를 얼마나 쉽게 정의하고 사용하는지 설명하고자합니다.
게시물에서 :
jQuery.fn.yourFunctionName = function() {
var o = $(this[0]) // This is the element
return this; // This is needed so other functions can keep chaining off of this
};
다음을 사용하십시오.
$(element).yourFunctionName();
이것은 내가 자체 플러그인을 정의하는 것을 선호하는 패턴입니다.
(function($) {
$.fn.extend({
myfunc: function(options) {
options = $.extend( {}, $.MyFunc.defaults, options );
this.each(function() {
new $.MyFunc(this,options);
});
return this;
}
});
// ctl is the element, options is the set of defaults + user options
$.MyFunc = function( ctl, options ) {
...your function.
};
// option defaults
$.MyFunc.defaults = {
...hash of default settings...
};
})(jQuery);
다음으로 적용 :
$('selector').myfunc( { option: value } );
JQuery와 문서 에 대한 섹션이 제작, 플러그인 나는이 예제를 발견 :
jQuery.fn.debug = function() {
return this.each(function(){
alert(this);
});
};
그러면 다음과 같이 호출 할 수 있습니다.
$("div p").debug();
jQuery에는이 extend
를 수행하는 기능이 있습니다.
jQuery.fn.extend({
check: function() {
return this.each(function() { this.checked = true; });
},
uncheck: function() {
return this.each(function() { this.checked = false; });
}
});
거기 에서 문서를 볼 수 있습니다
여기에 가장 간단한 형태의 플러그인이 있습니다.
jQuery.fn.myPlugin = function() {
// do something here
};
그래도 문서를 참조하고 싶을 것입니다.
http://docs.jquery.com/Plugins/Authoring
/* This prototype example allows you to remove array from array */
Array.prototype.remove = function(x) {
var i;
for(i in this){
if(this[i].toString() == x.toString()){
this.splice(i,1)
}
}
}
----> Now we can use it like this :
var val=10;
myarray.remove(val);
참고URL : https://stackoverflow.com/questions/1768150/how-to-add-a-function-to-jquery
반응형
'Programing' 카테고리의 다른 글
파이썬에서 "문자열"과 "문자열"사이에 차이가 있습니까? (0) | 2020.12.03 |
---|---|
바둑판 식 배경 이미지 : UIImageView로 쉽게 할 수 있습니까? (0) | 2020.12.03 |
moq를 사용하여 일부 메서드 만 모의 (0) | 2020.12.03 |
면도기 파일 내에서 CSS @media를 어떻게 지정할 수 있습니까? (0) | 2020.12.03 |
여러 파일 형식에 대해 FileSystemWatcher에 대한 필터를 설정하는 방법은 무엇입니까? (0) | 2020.12.03 |