JQUERY 无冲突

在使用 jQuery 时，"无冲突模式" 是指 jQuery 可以与其他 JavaScript 库共存而不发生冲突。这种情况经常发生，因为不同的 JavaScript 库可能会使用相同的 "$" 符号作为函数或变量名。

为了解决这个问题，jQuery 提供了一个 .noConflict() 方法。使用这个方法可以释放 $ 符号的控制权，让其他库可以使用它，同时在需要的地方可以使用 jQuery 来替代 $ 符号。

以下是如何在代码中使用无冲突模式：

1、使用 jQuery 代替 $：

jQuery(document).ready(function($) {
    // 在这里可以安全地使用 $ 作为 jQuery 的别名
    $("button").click(function() {
        $("p").hide();
    });
});

2、释放 $ 控制权：

var jq = jQuery.noConflict();
// 现在 $ 不再代表 jQuery
jq(document).ready(function() {
    jq("button").click(function() {
        jq("p").hide();
    });
});

在第二种方法中，通过将 jQuery 赋值给一个变量（这里是 jq），就可以继续使用 $ 符号代表其他 JavaScript 库或框架。

这种方法使得 jQuery 可以与其他库无缝共存，避免命名冲突问题，提高代码的可维护性和扩展性。