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 30 jQuery
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
使用jquery Ajax实现上传附件功能
Oct 23 jQuery
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
jQuery HTML设置内容和属性操作实例分析
May 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
adodb与adodb_lite之比较
2006/12/31 PHP
php !function_exists(&quot;T7FC56270E7A70FA81A5935B72EACBE29&quot;))代码解密
2011/01/07 PHP
PHP实现递归无限级分类
2015/10/22 PHP
php中mkdir()函数的权限问题分析
2016/09/24 PHP
laravel-admin select框默认选中的方法
2019/10/03 PHP
JQery 渐变图片导航效果代码 漂亮
2010/01/01 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
2015/04/06 Javascript
JS实现网页Div层Clone拖拽效果
2015/09/26 Javascript
js HTML5 Ajax实现文件上传进度条功能
2016/02/13 Javascript
JavaScript中获取纯正的undefined的方法
2016/03/06 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
微信小程序 绘图之饼图实现
2016/10/24 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
2017/02/23 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
2017/03/23 jQuery
node.js(express)中使用Jcrop进行图片剪切上传功能
2017/04/21 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
webpack2.0配置postcss-loader的方法
2017/08/17 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
Angular6 写一个简单的Select组件示例
2018/08/20 Javascript
Vue使用axios引起的后台session不同操作
2020/08/14 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
2020/09/28 Javascript
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
python去除文件中重复的行实例
2018/06/29 Python
python使用numpy读取、保存txt数据的实例
2018/10/14 Python
Python 数据可视化pyecharts的使用详解
2019/06/26 Python
pycharm配置当鼠标悬停时快速提示方法参数
2019/07/31 Python
Python如何执行系统命令
2020/09/23 Python
CSS3教程(1):什么是CSS3
2009/04/02 HTML / CSS
高清屏下canvas重置尺寸引发的问题的解决
2019/10/14 HTML / CSS
倩碧澳大利亚官网:Clinique澳大利亚
2019/07/22 全球购物
幼儿园家长评语
2014/02/10 职场文书
秸秆管理实施方案
2014/03/15 职场文书
给校长的建议书100字
2014/05/16 职场文书
车辆年检委托书范本
2014/10/14 职场文书
边城读书笔记
2015/06/29 职场文书