jQuery--noConflict()方法_$.nocinflict-CSDN博客

本文链接：https://blog.csdn.net/Ms_yjk/article/details/90760565

$ 符号

如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？

其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。

其中某些框架也使用 $ 符号作为简写（就像 jQuery），如果您在用的两种不同的框架正在使用相同的简写符号，有可能导致脚本停止运行。

jQuery 的团队考虑到了这个问题，并实现了 noConflict() 方法。

jQuery默认使用"$"操作符，prototype等其他框架也是是使用"$"，于是，如果jQuery在其他库之后引入，那么jQuery将获得"$"使用权。这样的情况也很容易理解，毕竟JS是从上到下流式执行的。
同样的道理，如果在其他使用"$"的库之前引入jQuery，那么jQuery将不会占用"$"。

定义和用法

noConflict() 方法让渡变量 $ 的 jQuery 控制权。

该方法释放 jQuery 对 $ 变量的控制。

该方法也可用于为 jQuery 变量规定新的自定义名称。

noConflict() 方法会释放会 $ 标识符的控制，这样其他脚本就可以使用它了。

提示：在其他 JavaScript 库为其函数使用 $ 时，该方法很有用。

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery 仍然在工作!");
  });
});

在此引用上一篇博文的例子（Mr.J-- jQuery学习笔记(一)）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05-jQuery冲突问题</title>
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/test.js"></script>
    <script>
        var test = jQuery.noConflict();
        test(function () {
            alert("hello lnj");
        });
    </script>
</head>
<body>

</body>
</html>

通过noConfilct方法，释放$方法，也可以通过创建自己的简写。noConflict() 可返回对 jQuery 的引用，可以把它存入变量，以供稍后使用。

如果你jQuery 代码块使用 $ 简写，并且不愿意改变这个快捷方式，那么可以把 $ 符号作为变量传递给 ready 方法。这样就可以在函数内使用 $ 符号了 - 而在函数外，依旧不得不使用 "jQuery"：

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery 仍然在工作!");
  });
});

部分代码来源：菜鸟教程