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中map函数的两种方式
Apr 07 jQuery
使用jQuery和ajax代替iframe的方法(详解)
Apr 12 jQuery
jQuery实现div跟随鼠标移动
Aug 20 jQuery
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
jQuery 动画与停止动画效果实例详解
May 19 jQuery
深入分析jQuery.one() 函数
Jun 03 jQuery
jQuery实现简单QQ聊天框
Aug 27 jQuery
jquery实现拖拽添加元素功能
Dec 01 jQuery
jQuery实现全选按钮
Jan 01 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
DOTA2 无惧惊涛骇浪 昆卡大型水友攻略
2020/04/20 DOTA
新手学习PHP的一些基础知识分享
2011/07/27 PHP
php中用加号与用array_merge合并数组的区别深入分析
2013/06/03 PHP
php 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
2009/04/10 Javascript
javascript sudoku 数独智力游戏生成代码
2010/03/27 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
javascript基本类型详解
2014/11/28 Javascript
js实现的捐赠管理完整实例
2015/01/20 Javascript
jQuery实现给页面换肤的方法
2015/05/30 Javascript
AngularJS Module方法详解
2015/12/08 Javascript
RGB和YUV 多媒体编程基础详细介绍
2016/11/04 Javascript
Vue自定义指令拖拽功能示例
2017/02/17 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
如何通过setTimeout理解JS运行机制详解
2019/03/23 Javascript
Vue父子之间值传递的实例教程
2020/07/02 Javascript
vue使用echarts图表自适应的几种解决方案
2020/12/04 Vue.js
Python 内置函数memoryview(obj)的具体用法
2017/11/23 Python
Linux下Pycharm、Anaconda环境配置及使用踩坑
2018/12/19 Python
深入理解Python异常处理的哲学
2019/02/01 Python
详解python使用turtle库来画一朵花
2019/03/21 Python
python对象与json相互转换的方法
2019/05/07 Python
利用Python复制文件的9种方法总结
2019/09/02 Python
html通过canvas转成base64的方法
2019/07/18 HTML / CSS
非凡女性奢华谦虚风格:The Modist
2017/10/28 全球购物
机电一体化专业应届本科生求职信
2013/09/27 职场文书
应届大学生简历中的自我评价
2014/01/15 职场文书
运动会解说词50字
2014/01/18 职场文书
2014党员民主评议个人总结
2014/09/10 职场文书
夫妻双方自愿离婚协议书怎么写
2014/12/01 职场文书
德能勤绩廉个人总结
2015/02/14 职场文书
毕业生爱心捐书倡议书
2015/04/27 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
会议室管理制度范本
2015/08/06 职场文书