此处多库共存指的是:jQuery占用了$ 和jQuery这两个变量名。当在一个页面中引用了jQuery,并且引用的其他库(或者其他版本的jQuery库)中也用到了$或者jQuery这两个变量名,这时就有了多库共存的问题。
// 模拟另外的库使用了 $ 这个变量名。此时,就与jQuery库产生了冲突
var $ = { name : “itecast” };
解决方式:
//让jQuery释放对$的控制权,让其他库能够使用$。此后,只能用jQuery来调用jQuery提供的方法
$.noConflict();
demo实例::
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.12.4.js"></script>
<script>
var jfeng = $.noConflict();
var $ = 123;
var jQuery = 456;
jfeng(function () {
jfeng("button").css("background", "pink");
jfeng("#btn").click(function(){
alert("太厉害了")
})
})
</script>
</head>
<body>
<button id="btn">按钮</button>
</body>
</html>