解决同一页面jQuery多个版本或和其他js库冲突方法

时间:2021-05-31 22:24:41

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);

转:http://www.111cn.net/wy/jquery/75289.htm