首页 / JQUERY / jQuery Migrate 插件用法实例详解

jQuery Migrate 插件用法实例详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery Migrate 插件用法实例详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1303字，纯文字阅读大概需要2分钟。

内容图文

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 Migrate 插件用法实例详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/331565.html

来源：【匿名】