同一个页面,加载不同版本jQuery

Posted Nico-luo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了同一个页面,加载不同版本jQuery相关的知识,希望对你有一定的参考价值。

在同一个页面加载多个不同版本的jQuery方法:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2   <html>
 3       <head>
 4           <title>在同一个页面中加载多个不同的jQuery版本</title>
 5           <!-- 3.2.1 -->
 6           <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 7           <script type="text/javascript">
 8               var jQuery_New = $.noConflict(true);
 9           </script>
10          <!-- 加载jQuery1.11.1版本 -->
11          <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
12          <script type="text/javascript">
13              var jQuery_1_11_1 = $.noConflict(true);
14          </script>
15        
16          <script type="text/javascript">
17              alert(jQuery_New.fn.jquery);
18              alert(jQuery_1_11_1.fn.jquery);
19              
20              jQuery_New(function($){$(‘<p>我是最新的‘+$.fn.jquery+‘版本添加进来的。</p>‘).appendTo(‘body‘);});
21              jQuery_1_11_1(function($){$(‘<p>我是‘+$.fn.jquery+‘版本添加进来的。</p>‘).appendTo(‘body‘);});
22          </script>
23      </head>
24      <body>
25          在同一个页面中加载多个不同的jQuery版本
26          <br>
27      </body>
28  </html>

 

以上是关于同一个页面,加载不同版本jQuery的主要内容,如果未能解决你的问题,请参考以下文章

在同一个项目中加载多个 jquery 版本但不同的页面

同一页面中的不同 jQuery 源代码和版本(googleapi,代码)

常用的几个JQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

jQuery选项卡 - 获取新选择的索引

jQuery 选项卡 - 获取新选择的索引