本文介绍了解决同一页面中多个jQuery版本冲突的方法，包括如何通过变量保存不同版本的jQuery实例来避免冲突，以及如何解决与其他JavaScript库之间的冲突。
1.同一页面jQuery多个版本或冲突解决方法
<body>
<!-- 引入 jquery 1.8.0 -->
<script src="//cdn.bootcss.com/jquery/1.8.0/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
var $180 = $;
</script>
<!-- 引入 jquery 1.9.0 -->
<script src="//cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
var $190 = $;
</script>
<!-- 引入 jquery 2.0.0 -->
<script src="//cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
var $200 = $;
</script>
<script type="text/javascript">
console.log($180.fn.jquery);
console.log($190.fn.jquery);
console.log($200.fn.jquery);
</script>
</body>2.同一页面jQuery和其他js库冲突解决方法
jQuery(function($){
//你的js代码放在这里
//如果是js文件，其实就是在文件头部和尾部各加一行代码
}
或者
(function($) {
//你的js代码
})(jQuery);
扫一扫
3240
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
