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