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

同一个页面,加载不同版本jQuery的相关文章

requireJS在同一个HTML/JSP页面,加载不同版本的jquery

requireJS支持JS模块化,也能够实现在同一个HTML/JSP页面加载不同版本的模块.这个特性太棒了,下面我们看下如何加载多个版本的jquery.假设在HTML页面中,data-main属性入口文件是main.js,文件存放的目录结构如下: test.html require.js main.js scripts/ demo1.js demo2.js libs/ jquery-1.10.2.js jquery-2.1.1.js 我们在main.js编写如下代码: //创建1个context

页面加载完毕相关信息淡入效果

前言: 年关将至,公司一部分同事已经回老家了,虽然过年不回去,但想到明天上完班就放假了内心多少有点激动.工作上的事情不要紧的已经没心情再看了,加之今天领导不在 哈哈哈... 搞点自己的爱好! 看bootstrap的优站精选时看到了一个页面加载完毕时的一个淡入效果(http://www.mikeinghamdesign.com/),于是... 效果图: 实现思路: 此处实现主要用外边距margin-top属性和透明度opacity属性: 1.淡入区块初始设置一定上外边距,透明度完全透明: 2.页面

Jquery页面加载效果

1.说明 Jquery页面加载可实现异步请求时提示"请稍后,正在加载..."效果,同步请求不可用(即ajax async: false).本文地址:http://www.cnblogs.com/lengzhan/p/6423312.html 2.代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

jQuery 页面加载初始化

jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,应该没什么区别,主要看习惯吧,本人觉得第二种方法最好,比较简洁. 第一种: $(document).ready(function(){ alert("第一种方法."); }); 第二种: $(function(){ alert("第二种方法."); }); 第三种: jQuery(function($) { alert("第三种方法."); }); ps;不用jQuery,

jQuery页面加载初始化常用的方法

在做项目时经常会遇到这样的问题:页面加载完毕自动执行action加载数据.这时候估计就要想起jquery+ajax. 方式一: $(document).ready(function(){ $.ajax({ url:'你的action', data:{需要传的参数,如果是get方式,jquery会自动将参数组装到你的url后}, success:function(resultdata){ } }); }); 方式二: $(function(){ alert("使用ajax请求数据");

jQuery页面加载初始化的几种方法

在新的公司里工作,最近一直在做关于js和jQuery的开发,下面三种是最常见的jquery页面加载初始化的方法 第一种,去年实习时的公司用的是这样 $(function(){ //定义局部变量 //var a; ... init(); }); function init(){ alert(123); } 第二种,和上面的写法类似 jQuery(function($){ //定义局部变量 //var a; ... init(); }); function init(){ alert(123); }

js jquery 页面加载初始化方法

一.js页面加载初始化方法 // 1.在body里面写初始化方法. <body onload='init()'> </body> <script type="text/javascript"> function init(){ // 初始化内容 } </script> // 2.window.onload=function(){} <script type="text/javascript"> window

jquery加载页面的方法(页面加载完成就执行)

jquery加载页面的方法(页面加载完成就执行) jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别. 1.$(function(){  $("#a").click(function(){  //adding your code here  }); }); 2.$(document).ready(function(){  $("#a").click(function(){  //a

一款由jquery实现的超炫的页面加载特效

今天为大家带来一款由jquery实现的超炫的页面加载特效.连续的几个页面分开特效.最后由三维的线条由远至近消失,然后由近至远出现.效果超级梦炫.一起看下效果图: 在线预览   源码下载 实现的代码. html代码: <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1200 600"> <line id="uno" x1="600" y1="0