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 EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
jQuery表单验证之密码确认
May 22 jQuery
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
jquery版轮播图效果和extend扩展
Jul 18 jQuery
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
jQuery实现的别踩白块小游戏完整示例
Jan 07 jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
jquery 验证用户名是否重复代码实例
May 14 jQuery
jQuery列表动态增加和删除的实现方法
Nov 05 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
DC的38部超级英雄动画电影
2020/03/03 欧美动漫
PHP新手用的Insert和Update语句构造类
2012/03/31 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
JavaScript 节点操作 以及DOMDocument属性和方法
2007/12/06 Javascript
js自定义方法通过隐藏iframe实现文件下载
2013/02/21 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
2017/01/11 Javascript
React Native中Navigator的使用方法示例
2017/10/13 Javascript
webpack配置打包后图片路径出错的解决
2018/04/26 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
2018/05/04 Javascript
seajs下require书写约定实例分析
2018/05/16 Javascript
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
python批量导出导入MySQL用户的方法
2013/11/15 Python
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
Python中的复制操作及copy模块中的浅拷贝与深拷贝方法
2016/07/02 Python
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
代码详解django中数据库设置
2019/01/28 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
基于Python实现船舶的MMSI的获取(推荐)
2019/10/21 Python
pytorch 实现在预训练模型的 input上增减通道
2020/01/06 Python
python继承threading.Thread实现有返回值的子类实例
2020/05/02 Python
python 基于opencv实现高斯平滑
2020/12/18 Python
css3的动画特效之动画序列(animation)
2017/12/22 HTML / CSS
浅谈HTML5 服务器推送事件(Server-sent Events)
2017/08/01 HTML / CSS
Right-on官方网站:日本知名的休闲服装品牌
2019/07/12 全球购物
Aosom西班牙:家具在线商店
2020/06/11 全球购物
super()与this()的区别
2016/01/17 面试题
集体婚礼证婚词
2014/01/13 职场文书
防灾减灾宣传标语
2014/10/07 职场文书
购房委托书
2014/10/15 职场文书
2015年小学一年级班主任工作总结
2015/05/21 职场文书
工商行政处罚决定书
2015/06/24 职场文书
工伤事故赔偿协议书
2015/08/06 职场文书
Python数据分析之pandas读取数据
2021/06/02 Python
Python自动化测试PO模型封装过程详解
2021/06/22 Python
索尼ICF-36收音机评测
2022/04/30 无线电