jquery版本共存_如何在一个页面上让多个jQuery版本共存
时间: 2024-03-22 09:40:17 浏览: 12
在一个页面上让多个 jQuery 版本共存,可以使用 jQuery.noConflict() 方法。这个方法会释放 jQuery 对 "$" 的控制权,从而避免不同版本的 jQuery 之间的冲突。
具体步骤如下:
1. 引入多个版本的 jQuery 库,每个版本的 jQuery 库需要使用不同的变量名,例如:
```
<script src="jquery-1.11.1.js"></script>
<script src="jquery-2.1.1.js"></script>
```
2. 在页面中使用 jQuery.noConflict() 方法释放 jQuery 对 "$" 的控制权:
```
<script src="jquery-1.11.1.js"></script>
<script>
var jQuery1 = $.noConflict(true);
</script>
<script src="jquery-2.1.1.js"></script>
<script>
var jQuery2 = $.noConflict(true);
</script>
```
在上面的代码中,每个版本的 jQuery 库都被分配给不同的变量名,$ 符号被释放。这样就可以在一个页面上使用多个版本的 jQuery 库了。
使用时,需要使用对应的变量名来调用不同版本的 jQuery 方法,例如:
```
jQuery1("#div1").html("jQuery 1.11.1");
jQuery2("#div2").html("jQuery 2.1.1");
```