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实现的手风琴侧边菜单效果
Mar 29 jQuery
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
jQuery操作之效果详解
May 19 jQuery
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
jQuery复合事件结合toggle()方法的用法示例
Jun 10 jQuery
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
jQuery实现遍历XML节点和属性的方法示例
Apr 29 jQuery
jQuery实现表单动态添加数据并提交的方法
Jul 19 jQuery
jQuery实现的别踩白块小游戏完整示例
Jan 07 jQuery
jQuery 查找元素操作实例小结
Oct 02 jQuery
jquery实现图片放大镜效果
Dec 23 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
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
PHP实现的英文名字全拼随机排号脚本
2014/07/04 PHP
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
PHP根据两点间的经纬度计算距离
2014/10/31 PHP
PHP实现QQ空间自动回复说说的方法
2015/12/02 PHP
PHP编程实现的TCP服务端和客户端功能示例
2018/04/13 PHP
javascript高亮效果的二种实现方法
2008/09/14 Javascript
js arguments.callee的应用代码
2009/05/07 Javascript
在jQuery ajax中按钮button和submit的区别分析
2012/10/07 Javascript
javascript去掉前后空格的实例
2013/11/07 Javascript
使用变量动态设置js的属性名
2014/10/19 Javascript
跟我学习javascript的循环
2015/11/18 Javascript
详解JavaScript中|单竖杠运算符的使用方法
2016/05/23 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
微信公众平台开发教程(五)详解自定义菜单
2016/12/02 Javascript
浅谈jQuery before和insertBefore的区别
2016/12/04 Javascript
微信小程序 实现动态显示和隐藏某个控件
2017/04/27 Javascript
深入浅析Node.js单线程模型
2017/07/10 Javascript
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
2018/08/09 jQuery
微信小程序 (地址选择1)--选取搜索地点并显示效果
2019/12/17 Javascript
vue实现选中效果
2020/10/07 Javascript
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
Django+uni-app实现数据通信中的请求跨域的示例代码
2019/10/12 Python
python怎么判断模块安装完成
2020/06/19 Python
Python SQLAlchemy库的使用方法
2020/10/13 Python
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
如何判断一段程序是由C 编译程序还是由C++编译程序编译的
2013/08/04 面试题
南京某软件公司的.net面试题
2015/11/30 面试题
师范生实习的个人自我鉴定
2013/10/20 职场文书
环境科学专业求职信
2014/08/04 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
Python连续赋值需要注意的一些问题
2021/06/03 Python
VUE解决跨域问题Access to XMLHttpRequest at
2022/05/06 Vue.js
Win10此设备不支持接收Miracast无法投影的解决方法
2022/07/07 数码科技