jQuery Migrate 插件用法
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浏览器开发者窗口中显示脚本错误:
$(...).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
把 $("li").size()
改成$("li").length
,移除jquery-migrate-3.0.1.js
,点击按钮,弹出“3”。
迁移方法完成。
(资源库 www.zyku.net)
您可能感兴趣的文章
- 04-09jQuery实现鼠标拖动div改变位置、大小的实践
- 09-07jquery版右下角弹窗特效
- 07-30jquery v3.5.1(最新)
- 07-30jquery v3.4.1
- 07-30jquery v3.3.1
- 07-30jquery v3.2.1
- 07-30jquery v3.1.1
- 07-30jquery v3.0.0
- 07-30jquery v2.1.4
- 07-29jquery v2.1.1
- 07-29jquery v2.0.0
- 07-29jquery v1.11.3
- 07-29jquery v1.11.1
- 07-29jquery v1.10.2
- 07-29jquery v1.9.1
- 07-29jquery v1.8.3
- 07-29jquery v1.7.2
- 07-29jquery v1.6.4
- 07-29jquery v1.5.2
- 07-29jquery v1.4.4

最近更新
阅读排行
猜你喜欢
- 07-24执行 composer update 命令的时候报 Y
- 09-27万能小组件添加到桌面方法介绍
- 10-09vivox70pro+开发者模式怎样进入
- 02-20Win7系统怎么搭建IIS Web服务器
- 12-27百师教育网-百师教育网应用软件功能介
- 07-10帝国cms日期用英文显示的方法
- 08-10快手直播电视投屏教程
- 09-19交管12123怎么设置暂停账号
- 10-12ipados15.0.2更新内容分享
- 10-18bose耳机如何连接多个设备