解决多个库之间的$冲突

ssypp

于 2020-03-02 22:11:51 发布

阅读量222

点赞数

分类专栏： jQuery 文章标签： js jquery javascript

本文链接：https://blog.csdn.net/Mrbignose/article/details/104621357

版权

jQuery 专栏收录该内容

4 篇文章

订阅专栏

1.背景

在一个引入了jQuery库的项目中，又引入了含有$变量的其他第三方库，导致了第三方库的$不可用

2.解决之道

添加一句jQuery.noConflict()

<div id="app">hello ssypp</div>

//前提引入了jQuery这个库文件
jQuery.noConflict()
console.log($) //此时的$表示其他第三方中的$
jQuery(function(){
	jQuery("#app").css('color','red')
})
//此时页面中的hello ssypp已变为红色了
//若是想要在后面继续使用$
(function($){
	$(function(){
	$("#app").css('color','red')})
})(jQuery)
//上面的写法一样可以成功