如何定义 jQuery 函数？

在 jQuery 中，我们可以使用 $.fn 属性来定义我们自己的函数，这些函数可以扩展 jQuery 或者是处理我们自己的业务逻辑。

基本语法

$.fn.extensionName = function() {
  // 实现扩展功能的代码
};

其中 extensionName 即为扩展的名字，可以根据自己的需求命名。后面的函数体则是实现扩展功能的代码。这里的关键是 $.fn 对象，它是 jQuery 原型方法的命名空间，可以将自定义的函数添加到其原型链上，以便后续调用。

示例

下面以一个简单的示例来说明如何定义 jQuery 函数。下面的代码实现了一个简单的提示框：

$.fn.tooltip = function() {
  return this.each(function() {
    $(this).hover(function() {
      var title = $(this).attr('title');
      $(this).data('tipText', title).removeAttr('title');
      $('<p class="tooltip"></p>')
        .text(title)
        .appendTo('body')
        .fadeIn('slow');
    }, function() {
      $(this).attr('title', $(this).data('tipText'));
      $('.tooltip').remove();
    });
  });
};

上面的代码中，我们使用 $.fn 定义了一个名为 tooltip 的函数，该函数通过 hover 事件来实现鼠标悬浮时弹出提示框的功能。具体实现过程可以查看注释。

这个函数可以通过调用 $('.my-class').tooltip() 来使用，其中 my-class 是需要添加提示框的 HTML 元素的类名。

总结

通过上面的介绍，我们可以知道如何在 jQuery 中定义自己的函数，并给出了一个简单的示例。当然，jQuery 的扩展还有很多丰富的功能，不同的需求需要不同的实现方式，希望本文对你有所帮助。