jQuery noConflict()方法

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

jQuery中实现的noConflict()方法可处理此类情况。它用于避免使用$变量与其他库的冲突。此方法释放对$(美元)标识符的保留，以便其他库可以使用它。

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

jQuery.noConflict();
jQuery(document).ready(function($){
 });

句法

该方法的常用语法如下。

$.noConflict();

它不接受任何参数。

让我们看一些插图以了解如何使用noConflict()。

例1

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

加载文档后，jQuery进入noConflict模式。在这里，我们使用jQuery noConflict()创建新的别名。我们正在声明一个名为j的变量，并为其分配noConflict()方法。现在，此变量将用作jQuery代码的别名。将使用此新别名代替$。因此，它避免了与原型库的冲突。

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

 

 


    
 

 
 It is an example of using the jQuery noConflict() method. 
    
 Click the following buttons to see the effect. 
     Run jQuery  
     Run Prototype 
 

 

输出：

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

点击给定的Run jQuery按钮后，输出将为-

单击给定的“运行原型”按钮后，输出将为-

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

例2

在这里，我们只是将$符号作为$(document).ready()函数的参数传递。这使我们可以在函数使用$访问jQuery。但是在函数之外，我们必须使用全名jQuery。

输出与上面的示例相同。

 It is an example of using the jQuery noConflict() method. 
 Click the following buttons to see the effect. 
 Run jQuery 
 Run Prototype 

输出：

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

点击给定的Run jQuery按钮后，输出将为-

单击给定的“运行原型”按钮后，输出将为-