Programing

jQuery에 함수를 추가하는 방법은 무엇입니까?

lottogame 2020. 12. 3. 07:23
반응형

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

반응형