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

javascript function jquery

2022-08-30 01:00:51

我知道在JavaScript中语法如下：

function myfunction(param){
  //some code
}

有没有办法在jQuery中声明一个可以添加到元素中的函数？例如：

$('#my_div').myfunction()

答案 1

来自文档：

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

然后你做

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

答案 2

尽管您已经收到了所有答案，但值得注意的是，您不需要编写插件即可在函数中使用jQuery。当然，如果这是一个简单的一次性功能，我相信编写插件是过分的。只需将选择器作为参数传递给函数，就可以更轻松地完成此操作。您的代码将如下所示：

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

myFunction($('#my_div'));

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