在同一个页面加载多个不同版本的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>
时间: 2024-10-12 07:07:08