jQuery $ .noConflict()方法

如您所知,jQuery使用美元符号($)作为的快捷方式或别名jQuery。

$就像jQuery一样,许多JavaScript库都将其用作函数或变量名。

如果两个不同的库使用同一快捷方式,则其中一个可能会停止工作。

幸运的是,jQuery提供了一种特殊的$.noConflict()方法来处理这种情况。

jQuery $ .noConflict()方法

jQuery $.noConflict()方法释放jQuery对$变量的指定,以便其他脚本可以使用它。

当然,您仍然可以使用jQuery,只需编写全名而不是快捷方式即可:

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery完美运行!!!");
  });
});
测试看看‹/›

此方法还可用于为jQuery变量指定新的自定义名称。

以下示例创建了一个别名,而不是在其余脚本中使用的jQuery:

let jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").slideToggle();
  });
});
测试看看‹/›

jQuery其他参考

有关完整的其他方法参考,请访问我们的《jQuery其他参考》