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基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 jQuery
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
jquery 键盘事件的使用方法详解
Sep 13 jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
jQuery动态移除与增加onclick属性的方法详解
Jun 07 jQuery
jQuery的Ajax接收java返回数据方法
Aug 11 jQuery
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 jQuery
jQuery Migrate 插件用法实例详解
May 22 jQuery
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
jquery css实现流程进度条
Mar 26 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中一些可能会被忽略的问题
2013/06/21 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
JS 仿腾讯发表微博的效果代码
2013/12/25 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
js实现TAB切换对应不同颜色的代码
2015/08/31 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
2017/03/02 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
JavaScript的setter与getter方法
2017/11/29 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
JavaScript循环遍历你会用哪些之小结篇
2018/09/28 Javascript
详解jQuery中的prop()使用方法
2020/01/05 jQuery
解决在Vue中使用axios POST请求变成OPTIONS的问题
2020/08/14 Javascript
[00:33]2016完美“圣”典风云人物:BurNIng宣传片
2016/12/10 DOTA
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
python使用beautifulsoup从爱奇艺网抓取视频播放
2014/01/23 Python
Python类的用法实例浅析
2015/05/27 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
深入了解Python数据类型之列表
2016/06/24 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
用python实现刷点击率的示例代码
2019/02/21 Python
python多线程同步之文件读写控制
2021/02/25 Python
Python实现队列的方法示例小结【数组,链表】
2020/02/22 Python
Django 解决阿里云部署同步数据库报错的问题
2020/05/14 Python
python中upper是做什么用的
2020/07/20 Python
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
商务助理岗位职责
2013/11/13 职场文书
车间班组长的职责
2013/12/13 职场文书
人事主管岗位职责
2014/01/30 职场文书
农业开发项目建议书
2014/05/16 职场文书
技术负责人岗位职责
2015/02/10 职场文书
学生逃课万能检讨书2000字
2015/02/17 职场文书
旷工辞退通知书
2015/04/17 职场文书
你会写请假条吗?
2019/06/26 职场文书
MySQL 使用SQL语句修改表名的实现
2021/04/07 MySQL
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL