如何创建一个jQuery函数(一个新的jQuery方法或插件)?

我知道在JavaScript中语法是这样的:

function myfunction(param){
  //some code
}

是否有一种方法可以在jQuery中声明一个可以添加到元素中的函数?例如:

$('#my_div').myfunction()

当前回答

用jQuery创建函数最简单的例子是

jQuery.fn.extend({
    exists: function() { return this.length }
});

if($(selector).exists()){/*do something here*/}

其他回答

用jQuery创建函数最简单的例子是

jQuery.fn.extend({
    exists: function() { return this.length }
});

if($(selector).exists()){/*do something here*/}

是的，你应用于使用jquery选择的元素的方法，被称为jquery插件，在jquery文档中有大量关于创作的信息。

值得注意的是，jquery只是javascript，所以“jquery方法”并没有什么特别之处。

是的，你所描述的是一个jQuery插件。

要编写jQuery插件，您需要在JavaScript中创建一个函数，并将其分配给对象jQuery.fn的属性。

E.g.

jQuery.fn.myfunction = function(param) {
    // Some code
}

在插件函数中，this关键字被设置为调用插件的jQuery对象。所以，当你这样做的时候:

$('#my_div').myfunction()

然后myfunction内部的这个将被设置为$('#my_div')返回的jQuery对象。

详情请见http://docs.jquery.com/Plugins/Authoring。

尽管你已经收到了这些答案，但值得注意的是，在函数中使用jQuery并不需要编写插件。当然，如果它是一个简单的一次性函数，我认为写一个插件是多余的。只要将选择器作为参数传递给函数，就可以更容易地完成这个任务。你的代码应该是这样的:

function myFunction($param) {
   $param.hide();  // or whatever you want to do
   ...
}

myFunction($('#my_div'));

注意，变量名$param中的$不是必需的。这只是我的一个习惯，让我很容易记住变量包含一个jQuery选择器。你也可以用参数。

你也可以使用extend(创建jQuery插件的方式):

$.fn.extend(
{
    myfunction: function () 
    {
    },

    myfunction2: function () 
    {
    }
});

用法:

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

推荐文章