jQuery Migrate 插件用法实例详解


Posted in jQuery onMay 22, 2019

jQuery Migrate是应用迁移辅助插件,是用于高级版本兼容低级版本辅助插件。

例如jQuery版本用的是1.x,计划升级到3.x,就可以在页面删除1.x版本,换成3.x版本,如果有脚本错误,就引入jquery-migrate插件用于兼容低版本,同时也显示低版本方法替换成新版本方法的方案。

例子:

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>test</title>  
 <script type="text/javascript" src="jquery-1.6.1.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){
  $("button").click(function(){
  alert($("li").size());
  });
 });
 </script>
</head>
<body>
<button>测试按钮</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>

点击按钮,弹出“3”。

<script type="text/javascript" src="jquery-1.6.1.js"></script>

替换成<script type="text/javascript" src="jquery-3.3.1.js"></script>

这时点击按钮,在Chrome浏览器开发者窗口中显示脚本错误:

jQuery Migrate 插件用法实例详解

$(...).size is not a function

在页面再引入<script src="jquery-migrate-3.0.1.js"></script>

点击按钮,正常弹出“3”。

同时提示size方法被弃用使用length代替:

jQuery.fn.size() is deprecated and removed; use the .length property

jQuery Migrate 插件用法实例详解

$("li").size()改成$("li").length,移除jquery-migrate-3.0.1.js,点击按钮,弹出“3”。

迁移方法完成。

jquery migrate 应用迁移辅助插件

jquery migrate
应用迁移辅助插件(jQuery高级版本兼容低级版本辅助插件)

遇到问题

jcountdown 倒计时插件需要jquery-1.8.2.min.js 而项目需要高版本jquery(jquery-3.1.1.min.js或jquery-1.10.1.min.js)导致插件冲突

使用jquery migrate(jquery-migrate-1.2.1.min.js)后解决问题

总结

以上所述是小编给大家介绍的jQuery Migrate 插件用法实例详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

jQuery 相关文章推荐
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
jQuery+CSS实现的标签页效果示例【测试可用】
Aug 14 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 #jQuery
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 #jQuery
jQuery控制input只能输入数字和两位小数的方法
May 16 #jQuery
Vue项目中使用jquery的简单方法
May 16 #jQuery
JQuery常见节点操作实例分析
May 15 #jQuery
JQuery属性操作与循环用法示例
May 15 #jQuery
jquery+css实现Tab栏切换的代码实例
May 14 #jQuery
You might like
php提交表单发送邮件的方法
2015/03/20 PHP
PHP实现二维数组按某列进行排序的方法
2016/11/18 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
js三种排序算法分享
2012/08/16 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
2015/03/24 Javascript
JavaScript DOM操作表格及样式
2015/04/13 Javascript
javascript实现在线客服效果
2015/07/15 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
2017/06/15 Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
2017/09/04 Javascript
JS+Canvas绘制动态时钟效果
2017/11/10 Javascript
小试小程序云开发(小结)
2019/06/06 Javascript
小程序表单认证布局及验证详解
2020/06/19 Javascript
[57:09]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第一场 1月26日
2021/03/11 DOTA
在Django框架中编写Contact表单的教程
2015/07/17 Python
python嵌套字典比较值与取值的实现示例
2017/11/03 Python
Python3多线程爬虫实例讲解代码
2018/01/05 Python
python中返回矩阵的行列方法
2018/04/04 Python
Python实现图片添加文字
2019/11/26 Python
python3 assert 断言的使用详解 (区别于python2)
2019/11/27 Python
纯CSS实现的大小渐变、渐远效果
2014/04/15 HTML / CSS
HTML5地理定位与第三方工具百度地图的应用
2016/11/17 HTML / CSS
深入理解HTML5定时器requestAnimationFrame的使用
2018/12/12 HTML / CSS
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
深深扎根运动世界的生活品牌:Tillys
2017/10/30 全球购物
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
基于Python 函数和方法的区别说明
2021/03/24 Python
分公司经理岗位职责
2013/11/11 职场文书
安全目标管理责任书
2014/07/25 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
朝花夕拾读书笔记
2015/06/29 职场文书
2016党校培训心得体会
2016/01/07 职场文书
好段摘抄大全(48句)
2019/08/08 职场文书
在HTML5 localStorage中存储对象的示例代码
2021/04/21 Javascript
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript