jquery定义函数

jQuery 定义函数的方法

在 jQuery 中定义函数的方式与原生 JavaScript 类似，但可以利用 jQuery 的特性简化操作。以下是几种常见的方法：

直接定义全局函数

可以通过 $.fn 扩展 jQuery 的原型链，为 jQuery 对象添加自定义方法：

$.fn.myFunction = function() {
    // 函数逻辑
    return this; // 保持链式调用
};

调用方式：

$('selector').myFunction();

使用 $.extend 扩展工具函数

定义工具函数（不依赖 DOM 元素）：

$.extend({
    myUtility: function(arg) {
        // 工具函数逻辑
    }
});

调用方式：

$.myUtility(param);

立即执行函数封装

通过 IIFE（立即调用函数表达式）避免全局污染：

(function($) {
    $.fn.myPlugin = function() {
        // 插件逻辑
    };
})(jQuery);

注意事项

• 函数内 this 通常指向 jQuery 对象集合
• 返回 this 可实现链式调用
• 插件建议添加 ; 前缀避免压缩问题