jQuery | noConflict() 与示例

noConflict()是 jQuery 中的内置函数，jQuery 通常使用“$”符号作为快捷方式标识符。有许多 javascript 库，如 Angular Js、Ember、Knockout 等。现在，如果其他带有 jQuery 的 JavaScript 框架开始使用“$”符号作为快捷方式，那么就会发生冲突，并且其中一个框架可能会停止工作。因此，实现了 noConflict 方法。

句法：

$.noConflict();

参数：它不接受任何参数。
返回值：它不返回任何东西。
冲突如何产生？
例子：

src="prototype.js"
src="jquery.js"

在上面的例子中，在同一个文件中使用了两个 JavaScript 库，它们都使用相同的“$”符号来选择元素。现在冲突出现了，可能其中一个库无法使用“$”符号访问元素。
noConflict() 方法释放对“$”快捷方式标识符的保留，以便其他脚本可以使用它。
产生冲突的jQuery代码：

  

    
    
        jq(document).ready(function() {
            jq("button").click(function() {
                jq("p").text("jQuery is still working!");
            });
        });
    

  

    This will show how to save
                           reference and use them.
    Click Me.!

  

输出：
在点击按钮之前——

点击按钮后——

这里的输出在点击按钮之前和之后是一样的，因此存在冲突。
使用 noConflict()函数克服这种冲突的 jQuery 代码：

  

    
    
        //Here noConflict() reference is saved to a variable
        var jq = $.noConflict();
        jq(document).ready(function() {
            jq("button").click(function() {
                jq("p").text("jQuery is still working!");
            });
        });
    

  

    This will show how to save 
                           reference and use them.
    Click Me.!

  

输出：
在点击按钮之前——

点击按钮后——