如何创建一个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。）