jQuery noConflict() 方法

jQuery 中的 **$（美元符号）** 被用作别名或快捷方式。许多 JavaScript 库也使用 **$** 符号作为快捷方式，并与同一页面上的 jQuery 同时使用。但是，如果两个不同的框架使用相同的别名，则可能会发生冲突，其中一个框架可能会停止工作。

jQuery 中实现了 **noConflict()** 方法来处理这种情况。它用于避免 **$** 变量与其他库发生冲突。此方法释放对 **$（美元符号）** 标识符的占用，以便其他库可以使用它。

此方法也可以用于创建新的快捷方式。这意味着我们可以使用此方法创建自定义别名。如果我们不想定义另一个快捷方式，或者我们喜欢使用 **$** 符号，因为它节省时间且易于使用，那么我们可以使用一种新方法；也就是说，我们可以将 **$** 作为参数传递给 **$(document).ready()** 函数。它可以写成 -

语法

此方法常用语法如下所示。

它不接受任何参数。

让我们看一些示例来了解如何使用 **noConflict()**。

示例 1

在此示例中，我们使用了两个 JS 库，即 prototype 和 jQuery。这两个库都使用 **$** 作为别名，因此我们使用 **noConflict()** 方法来避免冲突。**noConflict()** 方法允许 jQuery 释放对 **$** 标识符的占用，并使其可供其他库使用。在这里，另一个库是 prototype。

当文档加载时，jQuery 进入无冲突模式。在这里，我们使用 jQuery **noConflict()** 创建一个新别名。我们声明了一个名为 **_j_** 的变量，并将 **noConflict()** 方法赋给它。现在，此变量将作为 jQuery 代码的别名。这个新别名将取代 **$**。因此，它避免了与 prototype 库的冲突。

我们必须单击给定的按钮才能看到效果。

输出

执行上述代码后，输出将是 -

点击给定的 **运行 jQuery** 按钮后，输出将是 -

点击给定的 **运行 Prototype** 按钮后，输出将是 -

假设我们有一段使用了 **$** 快捷方式的 jQuery 代码，并且我们不想修改代码，或者我们喜欢使用 **$** 因为它易于使用，那么我们可以使用下一个示例中给出的方法。

示例 2

在这里，我们只是将 **$** 符号作为 **$(document).ready()** 函数的参数传递。这允许我们在函数内部使用 **$** 访问 jQuery。但在函数外部，我们必须使用完整的名称 **jQuery**。

输出与上面的示例相同。

输出

执行上述代码后，输出将是 -

点击给定的 **运行 jQuery** 按钮后，输出将是 -

点击给定的 **运行 Prototype** 按钮后，输出将是 -