解决jQuery多个版本

时间:2018-11-07 23:39:03 类型:JS/JQUERY
字号:    

jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>多个jquery版本冲突解决方案</title>
	<script src="jquery.js"></script>
	<script>
		var j14 = jQuery.noConflict(true);
	</script>
	<script src="jquery-1.8.3.min.js"></script>
	<script >
		var j18 = jQuery.noConflict(true);
	</script>
	<script src="jquery-3.3.1.min.js"></script>
	<script >
		var j33 = jQuery.noConflict(true);
	</script>
</head>
<body>
	<input type="button" id="t1" value="测试1">
	<input type="button" id="t2" value="测试2">
	<input type="button" id="t3" value="测试2">
	<script>
		j14(document).ready(function($){
			//继续使用 jquery1.4 的 $
			$("#t1").click(function(){
				$(this).val("j14测试");
			})
		})

		j18(document).ready(function($){
			//继续使用 jquery1.8 的 $
			$("#t2").click(function(){
				$(this).val("j18测试");
			})
		})

		j33(document).ready(function($){
			//继续使用 jquery33 的 $
			$("#t3").click(function(){
				$(this).val("j33测试");
			})
		})
	</script>
</body>
</html>