本文档详细介绍了如何在同一个HTML页面中让不同版本的jQuery共存而不产生冲突。通过使用`$.noConflict(true)`方法，我们可以分别获取到不同版本的jQuery实例，并在各自的上下文中安全地使用它们。示例代码展示了如何加载和调用从1.3.2到1.6.2的jQuery版本，并在每个版本中添加内容，证明了多个版本的jQuery可以并存且互不干扰。
1
2
3
4
在同一个页面中加载多个不同的jQuery版本5
6
7
8 var jQuery_New = $.noConflict(true);
9
10
11
12
13 var jQuery_1_6_2 = $.noConflict(true);
14
15
16
17
18 var jQuery_1_5_2 = $.noConflict(true);
19
20
21
22
23 var jQuery_1_4_2 = $.noConflict(true);
24
25
26
27
28 var jQuery_1_3_2 = $.noConflict(true);
29
30
31 alert(jQuery_New.fn.jquery);
32 alert(jQuery_1_6_2.fn.jquery);
33 alert(jQuery_1_5_2.fn.jquery);
34 alert(jQuery_1_4_2.fn.jquery);
35 alert(jQuery_1_3_2.fn.jquery);
36
37 jQuery_New(function($){$('
我是最新的'+$.fn.jquery+'版本添加进来的。
').appendTo('body');});38 jQuery_1_6_2(function($){$('
我是'+$.fn.jquery+'版本添加进来的。
').appendTo('body');});39 jQuery_1_5_2(function($){$('
我是'+$.fn.jquery+'版本添加进来的。
').appendTo('body');});40 jQuery_1_4_2(function($){$('
我是'+$.fn.jquery+'版本添加进来的。
').appendTo('body');});41 jQuery_1_3_2(function($){$('
我是'+$.fn.jquery+'版本添加进来的。
').appendTo('body');});42
43
44
45 在同一个页面中加载多个不同的jQuery版本
46
47
48
扫一扫
5936
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
