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判断邮箱格式对错实例代码讲解
Apr 12 jQuery
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
jQuery each和js forEach用法比较
Feb 27 jQuery
jquery实现下载图片功能
Jul 18 jQuery
jQuery实现获取多选框的值示例
Feb 07 jQuery
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
jquery实现简单拖拽效果
Jul 20 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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
php中定时计划任务的实现原理
2013/01/08 PHP
一个简单的Ext.XTemplate的实例代码
2012/03/18 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
2013/06/05 Javascript
JavaScript中的undefined学习总结
2013/11/30 Javascript
javascript框架设计读书笔记之种子模块
2014/12/02 Javascript
angularJS 入门基础
2015/02/09 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
2015/08/25 Javascript
详解jQuery UI库中文本输入自动补全功能的用法
2016/04/23 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
2017/04/20 Javascript
ES6中参数的默认值语法介绍
2017/05/03 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
2017/06/13 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
微信小程序之数据绑定原理解析
2019/08/14 Javascript
Python中List.count()方法的使用教程
2015/05/20 Python
详解python算法常用技巧与内置库
2020/10/17 Python
前端制作动画的几种方式(css3,js)
2016/12/12 HTML / CSS
Lands’ End英国官方网站:高质量男女服装
2017/10/07 全球购物
英国知名美妆护肤在线商城:Zest Beauty
2018/04/24 全球购物
物业管理毕业生个人的求职信
2013/11/30 职场文书
简历自我评价模版
2014/01/31 职场文书
小学信息技术教学反思
2014/02/10 职场文书
小学毕业寄语大全
2014/04/03 职场文书
施工安全生产承诺书
2014/05/23 职场文书
小学生植树节活动总结
2014/07/04 职场文书
小学感恩节活动策划方案
2014/10/06 职场文书
2014-2015学年工作总结
2014/11/27 职场文书
写给女朋友的保证书
2015/05/09 职场文书
企业员工辞职信范文
2015/05/12 职场文书
受欢迎的自荐信,就这么写!
2019/04/19 职场文书
导游词之杭州西湖
2019/09/19 职场文书
SSM VUE Axios详解
2021/10/05 Vue.js