如何创建一个jQuery函数（一个新的jQuery方法或插件）？

Question

如何创建一个jQuery函数（一个新的jQuery方法或插件）？我知道在JavaScript中语法如下：function myfunction(param){   //some code}有没有办法在jQuery中声明一个可以添加到元素中的函数？例如：$('#my_div').myfunction()

Answer 1

来自Docs：

(function( $ ){
   $.fn.myfunction = function() {
      alert('hello world');
      return this;
   }; })( jQuery );

然后你做

$('#my_div').myfunction();

Answer 2

你总是可以这样做：

jQuery.fn.extend({
   myfunction: function(param){
       // code here
   },});OR
jQuery.extend({
   myfunction: function(param){
       // code here
   },});$(element).myfunction(param);

Answer 3

创建“着色”方法：

$.fn.colorize = function custom_colorize(some_color) {
    this.css('color', some_color);
    return this;}

用它：

$('#my_div').colorize('green');

这个简单的例子结合了jQuery文档中如何创建基本插件的优点

• 甲命名函数表达式可以改善叠层迹线等

• this 可以链接返回的自定义方法。（谢谢@Potheek。）