jQuery 无冲突模式

学习noConflict处理jQuery与其他库的$符号冲突 · 难度：入门 · +10XP

### jQuery noConflict

当页面同时使用多个JS库（如Prototype也使用$符号冲突。

### 解决方法

// 释放
jQuery.noConflict();

// 此后用jQuery代替$
jQuery(document).ready(function() {
    jQuery('p').text('Hello');
});

### 闭包安全使用$

(function($) {
    $(function() {
        $('p').text('闭包内可以正常使用$');
    });
})(jQuery);

### 自定义别名

var  = jQuery.noConflict();
('p').hide();

### 现代项目 现代前端项目通常不会遇到此问题（模块化+webpack/Vite），但维护老项目时需要了解。

### 💡 练习 演示noConflict模式：释放

学习与实践建议

1. 先理解本节的核心概念和语法规则
2. 在右边编辑器中修改示例代码，观察运行结果变化
3. 尝试用学到的知识完成一个小练习——比如自己写一个工具函数或小程序
4. 遇到问题时，查阅官方文档是最快的学习途径

编程是门实践技能，动手写代码比看教程重要得多。坚持每天练习，你会很快看到进步！