如何向 jQuery 添加函数？

How to add a function to jQuery?

提问by Mask

What's the easiest way to define a new jQuery member function?

定义新的 jQuery成员函数的最简单方法是什么？

So that I can call something like:

这样我就可以调用类似的东西：

$('#id').applyMyOwnFunc()

回答by keyboardP

Please see Defining your own functions in jQuery:

请参阅在 jQuery 中定义您自己的函数：

In this post, I want to present how easy define your own functions in jQuery and using them.

在这篇文章中，我想展示在 jQuery 中定义自己的函数并使用它们是多么容易。

From the post:

从帖子：

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
};

Just use:

只需使用：

$(element).yourFunctionName();

回答by tvanfosson

This is the pattern that I prefer to define my own plugins.

这是我更喜欢定义自己的插件的模式。

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

Applied as:

应用为：

$('selector').myfunc( { option: value } );

回答by Marcel Levy

The jquery documentationhas a section on plugin authoring,where I found this example:

在jQuery的文档有一款插件开发，在那里我发现这个例子：

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

Then you'd be able to call it this way:

那么你就可以这样称呼它：

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

回答by RageZ

jQuery has the extendfunction to do that

jQuery 有这个extend功能

jQuery.fn.extend({
  check: function() {
    return this.each(function() { this.checked = true; });
  },
  uncheck: function() {
    return this.each(function() { this.checked = false; });
  }
});

you can see the documentation there

你可以在那里看到文档

回答by JGarrido

Here's a plugin, in it's simplest form...

这是一个插件，它是最简单的形式......

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

You'll really want to consult the documentation though:

不过，您确实想查阅文档：

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

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

回答by Amine_Dev

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