jquery noConflict()方法

Posted 2020-09-23

jQuery 使用 $ 符号作为 jQuery 的简写。如果页面还引入了其它框架，并且这个框架也将$作为简写符号，那么就会产生冲突。

 

$.noConflict();
console.log($(".btn"));

控制台报错，提示$不是一个函数

 

$.noConflict();
console.log(jQuery(".btn"));

也就是说，$相当于jQuery

 

创建自己的简写

noConflict()返回对jQuery的引用，可以将它存入变量，供以后使用。

var fftu = $.noConflict();
console.log(fftu("input"));

 

如果不想改变这个简写，还有一种解决方案：

$.noConflict();
jQuery(function($){
    console.log($("input"));
});