jquery migrate是什么？为解决兼容低级版本而生

2024-08-0907:47:47WEB前端开发Comments387 views字数 1046阅读模式
宝塔Linux面板高效运维的服务器管理软件 点击立即购买

jquery migrate是什么？为解决兼容低级版本而生文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

jquery migrate是什么

jQuery Migrate是应用迁移辅助插件，是用于高级版本兼容低级版本辅助插件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

例如jQuery版本用的是1.x，计划升级到3.x，就可以在页面删除1.x版本，换成3.x版本，如果有脚本错误，就引入jquery-migrate插件用于兼容低版本，同时也显示低版本方法替换成新版本方法的方案。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

jQuery migrate（转移、过度） jquery 升级后新旧代码不兼容问题，此包就是解决此问题的。 就是把不支持的函数再写出来支持下。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

jQuery 版本之间有区别。比如1.9版本对于 live()，die()，toggle()，sub()，$.browser 等等都已经不支持了。 在不改变你网站代码的同时，要使用 1.9 之后的版本，你需要使用 jQuery migrate（转移、过度），文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

例子：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

1文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

2文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

3文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

4文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

5文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

6文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

7文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

8文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

9文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

10文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

11文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

12文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

13文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

14文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

15文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

16文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

17文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

18文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

19文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

20文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

21文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

22文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

23文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

<!DOCTYPE html>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

<html>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

<head>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

 <meta charset="UTF-8">文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

 <title>test</title>  文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

 <script type="text/javascript" src="jquery-1.6.1.js"></script>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

 <script type="text/javascript">文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

 $(document).ready(function(){文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

  $("button").click(function(){文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

  alert($("li").size());文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

  });文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

 });文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

 </script>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

</head>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

<body>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

<button>测试按钮</button>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

<ul>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

<li>Coffee</li>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

<li>Milk</li>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

<li>Soda</li>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

</ul>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

</body>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

</html>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

点击按钮，弹出“3”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

把文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

替换成文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

这时点击按钮，在Chrome浏览器开发者窗口中显示脚本错误：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

jquery migrate是什么？为解决兼容低级版本而生文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

$(...).size is not a function文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

在页面再引入文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

点击按钮，正常弹出“3”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

同时提示size方法被弃用使用length代替：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

1文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

jQuery.fn.size() is deprecated and removed; use the .length property文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

jquery migrate是什么？为解决兼容低级版本而生文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

把 $("li").size()改成$("li").length，移除jquery-migrate-3.0.1.js，点击按钮，弹出“3”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

迁移方法完成。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/64835.html

  • 本站内容整理自互联网，仅提供信息存储空间服务，以方便学习之用。如对文章、图片、字体等版权有疑问，请在下方留言，管理员看到后，将第一时间进行处理。
  • 转载请务必保留本文链接：https://www.cainiaoxueyuan.com/gcs/64835.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定