jquery $ 赋值

jQuery $ 赋值

在 jQuery 中，$ 是 jQuery 的别名，用于简化代码书写。有时需要重新赋值 $ 以避免与其他库（如 Prototype.js）冲突，或用于特定作用域。

释放 $ 控制权

若其他库使用了 $，可以通过 jQuery.noConflict() 释放控制权：

jQuery.noConflict();
// 此后 $ 不再代表 jQuery，需改用 jQuery 关键字
jQuery(document).ready(function() {
    jQuery("div").hide();
});

自定义别名

通过 noConflict 方法可以为 jQuery 创建新的别名：

var jq = jQuery.noConflict();
jq(document).ready(function() {
    jq("div").hide();
});

局部作用域赋值

在特定函数作用域内临时使用 $，避免全局冲突：

jQuery.noConflict();
(function($) {
    $(document).ready(function() {
        $("div").hide();
    });
})(jQuery);

同时使用多个库

若需与其他库共存，可在 DOM 加载完成后恢复 $ 的使用权：

jQuery.noConflict();
jQuery(document).ready(function($) {
    // 此处 $ 代表 jQuery
    $("div").hide();
});
// 此处 $ 恢复为其他库的定义

注意事项

• 使用 noConflict() 后，确保后续代码中正确引用 jQuery 对象。
• 模块化开发中（如 Webpack、Rollup），通常无需处理 $ 冲突，因作用域已隔离。