Как добавить функцию в jQuery?

каков самый простой способ определить новый jQuery функции-члена?

Так что я могу назвать что-то вроде:

$('#id').applyMyOwnFunc()
6 57
jquery

6 ответов:

см. определение собственных функций в jQuery:

в этом посте я хочу представить как легко определить свои собственные функции в jQuery и их использование.

от модератора:

jQuery.fn.yourfunctionname = function() {
    var o = $(this[0]) // It's your element

    return this; // This is needed so others can keep chaining off of this
};

используется:

$(element).yourfunctionname()
91

это шаблон, который я предпочитаю определять мои собственные плагины.

(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 } );
30

The документация jquery есть раздел плагин для авторинга, где я нашел этот пример:

jQuery.fn.debug = function() {
  return this.each(function(){
    alert(this);
  });
};

затем вы могли бы назвать это так:

$("div p").debug();
17

jQuery имеет

11

вот плагин, в самом простом виде...

jQuery.fn.myPlugin = function() {
  // do something here
};

вы действительно хотите ознакомиться с документацией, хотя:

http://docs.jquery.com/Plugins/Authoring

3
/* 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);
0