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常用选择器详解
Jul 17 jQuery
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 jQuery
jQuery中extend函数简单用法示例
Oct 11 jQuery
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
jQuery层叠选择器用法实例分析
Jun 28 jQuery
jQuery实现form表单基于ajax无刷新提交方法实例代码
Nov 04 jQuery
jquery更改元素属性attr()方法操作示例
May 22 jQuery
jQuery实现放大镜案例
Oct 19 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
一个简单的MySQL数据浏览器
2006/10/09 PHP
生成静态页面的PHP类
2006/11/25 PHP
javascript数组与php数组的地址传递及值传递用法实例
2015/01/22 PHP
PHP strtotime函数用法、实现原理和源码分析
2015/02/04 PHP
PHP中trim()函数简单使用指南
2015/04/16 PHP
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
JS模态窗口返回值兼容问题的完美解决方法
2016/05/28 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
2018/04/12 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
2018/09/21 Javascript
JS添加或删除HTML dom元素的方法实例分析
2019/03/05 Javascript
JS实现判断数组是否包含某个元素示例
2019/05/24 Javascript
Node.js系列之发起get/post请求(2)
2019/08/30 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
2020/08/07 jQuery
prettier自动格式化去换行的实现代码
2020/08/25 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
[49:20]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
python基础教程之对象和类的实际运用
2014/08/29 Python
列举Python中吸引人的一些特性
2015/04/09 Python
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
python中文乱码不着急,先看懂字节和字符
2017/12/20 Python
Win10下python 2.7.13 安装配置方法图文教程
2018/09/18 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
python scatter函数用法实例详解
2020/02/11 Python
jupyter notebook快速入门及使用详解
2020/11/13 Python
CSS3中颜色线性渐变实战
2015/07/18 HTML / CSS
Debenhams百货英国官方网站:Debenhams UK
2016/07/12 全球购物
static函数与普通函数有什么区别
2015/12/25 面试题
生日派对邀请函
2014/01/13 职场文书
幼师自荐信范文
2015/03/06 职场文书
办公室年度工作总结2015
2015/05/21 职场文书
夏洛特的网观后感
2015/06/15 职场文书
一文搞懂python异常处理、模块与包
2021/06/26 Python