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实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
jquery实现的分页显示功能示例
Aug 23 jQuery
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
jquery实现拖拽小方块效果
Dec 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+jQuery翻板抽奖功能实现
2015/10/19 PHP
PHP图片裁剪与缩放示例(无损裁剪图片)
2017/02/08 PHP
ThinkPHP实现生成和校验验证码功能
2017/04/28 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
php intval函数用法总结
2019/04/14 PHP
jQuery DIV弹出效果实现代码
2009/07/03 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
JS实现商品倒计时实现代码
2013/05/03 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
2016/05/11 Javascript
全面介绍javascript实用技巧及单竖杠
2016/07/18 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
2016/08/16 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
2016/12/01 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
2017/10/19 Javascript
JavaScript插件Tab选项卡效果
2017/11/14 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
2018/11/30 Javascript
jquery获取img的src值实例介绍
2019/01/16 jQuery
vue2.0基于vue-cli+element-ui制作树形treeTable
2019/04/30 Javascript
详细分析vue响应式原理
2020/06/22 Javascript
Python isinstance函数介绍
2015/04/14 Python
python WindowsError的错误代码详解
2017/07/23 Python
用Python登录好友QQ空间点赞的示例代码
2017/11/04 Python
简单了解什么是神经网络
2017/12/23 Python
Python中常见的异常总结
2018/02/20 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
自定义django admin model表单提交的例子
2019/08/23 Python
深入浅析Python代码规范性检测
2020/07/31 Python
python实现简单的五子棋游戏
2020/09/01 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
初级Java程序员面试题
2016/03/03 面试题
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
一句话工作感言
2014/03/01 职场文书
班级文化建设标语
2014/06/23 职场文书
大学军训心得体会800字
2016/01/11 职场文书
Python list去重且保持原顺序不变的方法
2021/04/03 Python