jQuery $ .noConflict() 方法

jQuery 杂项方法

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

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

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

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

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

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

语法:

$.noConflict(removeAll)

示例

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

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

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

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

参数值

参数描述
removeAll(可选)一个布尔值,指示是否从全局范围中删除所有jQuery变量(包括jQuery本身)

jQuery 杂项方法