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

时间:2021-07-31 22:26:23

在同一个页面加载多个不同版本的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>