jQuery增加自定义函数的方法

要增加自定义函数到 jQuery 中，需要用到 jQuery 插件的机制。一般来说，自定义函数可以分为全局函数和插件函数两种类型，下面将详细介绍如何实现这两种类型的自定义函数。

增加全局函数

要增加一个全局函数，只需在 jQuery 命名空间下添加一个属性即可。代码示例如下：

$.myGlobalFunction = function() {
  console.log('This is my global function.');
};

上述代码定义了一个名为 myGlobalFunction 的全局函数。该函数可以在任何地方直接使用，例如调用该函数：

$.myGlobalFunction();

在控制台中会输出 This is my global function.。

增加插件函数

要增加一个插件函数，需要先定义一个新的 jQuery 对象方法，然后在该方法中编写自定义函数的实现。代码示例如下：

$.fn.myPluginFunction = function() {
  // 自定义函数实现
  console.log('This is my plugin function.');

  // 让该方法支持链式调用
  return this;
};

上述代码定义了一个名为 myPluginFunction 的插件函数。该函数通过 $.fn 对象的方法进行定义，并且可以用于 jQuery 对象的方法链中。例如调用该插件函数：

$('div').myPluginFunction();

在控制台中会输出 This is my plugin function.。

除此之外，插件函数可以接受参数。这时候需要在插件函数定义中添加参数列表，并在函数的实现中使用这些参数。代码示例如下：

$.fn.myPluginFunction = function(param1, param2) {
  // 自定义函数实现
  console.log('Param1:', param1);
  console.log('Param2:', param2);

  // 让该方法支持链式调用
  return this;
};

以上代码定义了一个接受两个参数的插件函数。我们可以像下面这样传入参数并调用该函数：

$('div').myPluginFunction('aaa', 'bbb');

在控制台中会输出两行信息，分别是 Param1: aaa 和 Param2: bbb。

通过上述两个示例，我们可以了解到如何增加全局函数或插件函数至 jQuery 中。通常情况下，插件函数的应用更为广泛和实用。如果你想将自己的一些常用功能封装成插件函数，这样可以提高代码的复用度和可维护性。