jQuery Migrate 插件用法实例详解

 更新时间:2019年05月22日 08:47:28   作者:gdjlc  
jQuery Migrate是应用迁移辅助插件,是用于高级版本兼容低级版本辅助插件。这篇文章主要介绍了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”。

迁移方法完成。

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制作可自定义大小的拼图游戏

    这篇文章主要介绍了jQuery制作可自定义大小的拼图游戏的代码,非常的简单实用,虽然还只是局限于数字顺序的拼图,后续慢慢完善上图片,但还是分享给大家,有需要的小伙伴可以参考下。
    2015-03-03
  • 教你用jquery实现iframe自适应高度

    教你用jquery实现iframe自适应高度

    iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,今天我们就来分享2种使用jquery实现iframe自适应高度的代码
    2014-06-06
  • uploader秒传图片到服务器完整代码

    uploader秒传图片到服务器完整代码

    这篇文章主要为大家详细介绍了uploader秒传图片到服务器的完整代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • jQuery事件绑定与解除绑定实现方法

    jQuery事件绑定与解除绑定实现方法

    这篇文章主要介绍了jQuery事件绑定与解除绑定实现方法,实例分析了jQuery中bind与unbind方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • 使用jquery获取url以及jquery获取url参数的实现方法

    使用jquery获取url以及jquery获取url参数的实现方法

    下面小编就为大家带来一篇使用jquery获取url以及jquery获取url参数的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JQUERY的AJAX请求缓存里的数据问题处理

    JQUERY的AJAX请求缓存里的数据问题处理

    这篇文章主要介绍了JQUERY的AJAX请求缓存里的数据问题处理的相关资料,需要的朋友可以参考下
    2016-02-02
  • 原生js和jQuery实现淡入淡出轮播效果

    原生js和jQuery实现淡入淡出轮播效果

    这篇文章主要介绍了原生js和jQuery实现淡入淡出轮播效果,介绍到了jQuery实现淡入淡出轮播效果的基本原理,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • jQuery插件实现图片轮播效果

    jQuery插件实现图片轮播效果

    这篇文章主要为大家详细介绍了jQuery插件实现图片轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • 多个jQuery版本共存的处理方案

    多个jQuery版本共存的处理方案

    本文给大家分享的是一个经常需要碰到的问题的解决方案,如何才能让一个页面中同时存在多个jQuery呢,这就是今天我们需要探讨的话题了。
    2015-03-03
  • 浅谈jquery拼接字符串效率比较高的方法

    浅谈jquery拼接字符串效率比较高的方法

    下面小编就为大家带来一篇浅谈jquery拼接字符串效率比较高的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02

最新评论