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加密密码到cookie的实现代码
Apr 18 jQuery
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery实现广告条滚动效果
Aug 22 jQuery
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
jQuery中$原理实例分析
Aug 13 jQuery
jQuery轮播图实例详解
Aug 15 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
如何基于jQuery实现五角星评分
Sep 02 jQuery
如何在vue 中引入使用jquery
Nov 10 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获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
探讨:如何通过stats命令分析Memcached的内部状态
2013/06/14 PHP
PHP中文竖排转换实现方法
2015/10/23 PHP
提交表单后 PHP获取提交内容的实现方法
2016/05/25 PHP
浅谈使用 Yii2 AssetBundle 中 $publishOptions 的正确姿势
2017/11/08 PHP
6个DIV 135或246间隔一秒轮番显示效果
2010/07/24 Javascript
潜说js对象和数组
2011/05/25 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
2013/08/30 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
2015/12/03 Javascript
JavaScript动态生成二维码图片
2016/04/20 Javascript
JQuery.validate在ie8下不支持的快速解决方法
2016/05/18 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
2016/09/05 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
2017/01/16 Javascript
简单实现js进度条加载效果
2020/03/25 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
2018/03/16 Javascript
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
jQuery.parseJSON()函数详解
2019/02/28 jQuery
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
[47:43]Alliance vs KG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python3实现定时任务的四种方式
2019/06/03 Python
详解Python list和numpy array的存储和读取方法
2019/11/06 Python
PyTorch实现ResNet50、ResNet101和ResNet152示例
2020/01/14 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
TripAdvisor西班牙官方网站:全球领先的旅游网站
2018/01/10 全球购物
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
瑞士男士时尚网上商店:Babista
2020/05/14 全球购物
SQL面试题
2013/04/30 面试题
大四学生思想汇报
2014/01/13 职场文书
中华美德颂演讲稿
2014/05/20 职场文书
离职感谢信怎么写
2015/01/22 职场文书
请假条应该怎么写?
2019/06/24 职场文书
Python 如何将integer转化为罗马数(3999以内)
2021/06/05 Python
Django+Celery实现定时任务的示例
2021/06/23 Python