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 19 jQuery
jQuery鼠标悬停内容动画切换效果
Apr 27 jQuery
jquery实现图片放大点击切换
Jun 06 jQuery
JQuery 获取Dom元素的实例讲解
Jul 08 jQuery
jquery-file-upload 文件上传带进度条效果
Nov 21 jQuery
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
jquery实现楼层滚动效果
Jan 01 jQuery
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
Feb 14 jQuery
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
jQuery实现简单轮播图效果
Dec 27 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制作静态网站的模板框架
2006/10/09 PHP
php中Snoopy类用法实例
2015/06/19 PHP
phpmailer简单发送邮件的方法(附phpmailer源码下载)
2016/06/13 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
2011/05/24 Javascript
一个判断抢购时间是否到达的简单的js函数
2014/06/23 Javascript
javascript时间差插件分享
2016/07/18 Javascript
JavaScript面向对象编写购物车功能
2016/08/19 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
2017/12/06 Javascript
关于TypeScript模块导入的那些事
2018/06/12 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
JQuery插件tablesorter表格排序实现过程解析
2020/05/28 jQuery
Openlayers显示地理位置坐标的方法
2020/09/28 Javascript
python之wxPython应用实例
2014/09/28 Python
python中实现定制类的特殊方法总结
2014/09/28 Python
Python SQLAlchemy入门教程(基本用法)
2019/11/11 Python
python 多进程队列数据处理详解
2019/12/23 Python
Python3.6安装卸载、执行命令、执行py文件的方法详解
2020/02/20 Python
浅析matlab中imadjust函数
2020/02/27 Python
Python confluent kafka客户端配置kerberos认证流程详解
2020/10/12 Python
Python字节单位转换(将字节转换为K M G T)
2021/03/02 Python
大学生实习思想汇报
2014/01/12 职场文书
小学教师节活动方案
2014/01/31 职场文书
市场专员岗位职责
2014/02/14 职场文书
体育教学随笔感言
2014/02/24 职场文书
幼儿园中班上学期评语
2014/04/18 职场文书
电钳工人个人求职信
2014/05/10 职场文书
个人考核材料
2014/05/15 职场文书
爱护公共设施标语
2014/06/24 职场文书
2014党员学习兰辉先进事迹思想汇报
2014/09/17 职场文书
党员先进性教育整改措施
2014/09/18 职场文书
无锡灵山大佛导游词
2015/02/09 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书