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实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
jQuery实现简单的回到顶部totop功能示例
Oct 16 jQuery
原生JS与jQuery编写简单选项卡
Oct 30 jQuery
jQuery实现表单动态添加与删除数据操作示例
Jul 03 jQuery
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
jquery实现上传图片功能
Jun 29 jQuery
jQuery实现影院选座订座效果
Apr 13 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 日期时间函数的高级应用技巧
2009/10/10 PHP
解决PHP mysql_query执行超时(Fatal error: Maximum execution time …)
2013/07/03 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
Thinkphp连表查询及数据导出方法示例
2016/10/15 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
解决AJAX中跨域访问出现'没有权限'的错误
2008/08/20 Javascript
Javascript this 的一些学习总结
2012/08/31 Javascript
判断js对象是否拥有某一个属性的js代码
2013/08/16 Javascript
JavaScript的继承的封装介绍
2013/10/15 Javascript
js通过location.search来获取页面传来的参数
2014/09/11 Javascript
JavaScript简单修改窗口大小的方法
2015/08/03 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
2016/09/01 Javascript
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
javascript中apply/call和bind的使用
2017/02/15 Javascript
原生js调用json方法总结
2018/02/22 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
从vue源码看props的用法
2019/01/09 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
2019/08/08 Javascript
python统计cpu利用率的方法
2015/06/02 Python
Python 3.x 新特性及10大变化
2015/06/12 Python
python互斥锁、加锁、同步机制、异步通信知识总结
2018/02/11 Python
Python实现定时精度可调节的定时器
2018/04/15 Python
python3.5基于TCP实现文件传输
2020/03/20 Python
Python文件操作基础流程解析
2020/03/19 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
Web页面中八种创建多列等高(等高列布局)的实现技术
2012/12/24 HTML / CSS
HTML5语音识别标签写法附图
2013/11/18 HTML / CSS
大学生学业生涯规划
2014/01/05 职场文书
安全资金保障制度
2014/01/23 职场文书
个人贷款承诺书
2014/03/28 职场文书
班主任开场白
2015/06/01 职场文书
广播体操比赛主持词
2015/06/29 职场文书
golang中的空接口使用详解
2021/03/30 Python
Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解
2022/03/03 Python
Python多线程实用方法以及共享变量资源竞争问题
2022/04/12 Python