美元符号 $ 在前端开发中代表 jQuery 库，而 $() 则是 jQuery 提供的一个非常强大的选择器函数。不过，很多人可能不知道，在 jQuery 中也存在 $ 的反函数—— jQuery.noConflict()，它可以帮助我们解决 $ 符号被占用而导致的命名冲突问题。
$() 函数的使用
首先，让我们来了解一下 $() 函数的基本用法。它的作用是选取符合指定 CSS 选择器的元素，并将其封装成一个 jQuery 对象返回。比如：
// 选取所有 class 为 "example" 的元素
var $examples = $('.example');
// 选取 id 为 "my-button" 的按钮元素
var $button = $('#my-button');接着，我们可以对选取到的 jQuery 对象进行链式操作，实现各种 DOM 操作和事件绑定等功能。例如：
$examples.hide(); // 隐藏所有 class 为 "example" 的元素
$button.on('click', function() {
// 点击按钮触发的回调函数
});$ 符号的命名冲突问题
然而，如果我们自己编写的代码中也定义了 $ 变量，那么 $() 函数就会出现问题。这是因为 $() 实际上是 jQuery 对象的一个方法，而 $ 又是 jQuery 的别名，如果 $ 被覆盖了，那么 $() 也就无法正常工作了。例如：
// 此时 $ 被定义为一个普通变量，不再是 jQuery 别名
var $ = 'hello';
// 尝试使用 $() 函数选取元素
$('.example'); // 报错：Uncaught TypeError: $(...) is not a function这种情况下，我们可以选择使用 jQuery 替代 $，或者使用 noConflict() 方法释放 $ 的控制权。
jQuery.noConflict() 的使用
jQuery.noConflict() 方法可以将 $ 的控制权交还给其他库或代码，从而避免命名冲突。它的基本用法如下：
// 将 $ 的控制权交还给其他库或代码
var jq = jQuery.noConflict();
// 使用 jq 替代 $
jq('.example');在上面的例子中，我们把 $ 的控制权交还给了其他库或代码，并将 jQuery 对象赋值给一个新的变量 jq，从而避免了冲突。此时，我们就可以使用 jq() 方法来选取元素了。
需要注意的是，noConflict() 方法只会释放对 $ 的控制权，而不会影响其他 jQuery 方法和属性的使用。例如，我们仍然可以使用 jQuery.ajax() 来发起 AJAX 请求。
示例代码
最后，我们来看一个完整的示例，演示如何使用 noConflict() 方法解决命名冲突问题：
-- -------------------- ---- ------- ---- ---- -- --- ---- --------------------- ----------- ---- -- ------ - --- ------- ----------------------------------------------------------- ---- --- ---------- -- --- -------- -- ----- - ------- --- - - -------- -- -- --- ----------- -------------- -- -- ------------ ---- - ---- --- -- - -------------------- -- -- ---- ------ ---------------------- ---------
以上就是关于 $ 和 noConflict() 的详细介绍和示例代码。在实际开发中，我们应该尽量避免定义与 $ 相同的变
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10546
