首页前端开发其他前端知识jQuery中migrate插件的用法是什么

jQuery中migrate插件的用法是什么

时间2024-03-28 09:10:03发布访客分类其他前端知识浏览1339
导读:关于“jQuery中migrate插件的用法是什么”的知识点有一些人不是很理解,对此小编给大家总结了相关内容,文中的内容简单清晰,易于学习与理解,具有一定的参考学习价值,希望能对大家有所帮助,接下来就跟随小编一起学习一下“jQuery中mi...
关于“jQuery中migrate插件的用法是什么”的知识点有一些人不是很理解,对此小编给大家总结了相关内容,文中的内容简单清晰,易于学习与理解,具有一定的参考学习价值,希望能对大家有所帮助,接下来就跟随小编一起学习一下“jQuery中migrate插件的用法是什么”吧。

jquery migrate是一个应用迁移辅助插件,是用于高级版本兼容低级版本的辅助插件;该插件能够解决jquery升级后新旧代码不兼容的问题,简单来说就是把不支持的函数再写出来支持一下。

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery migrate是什么

jQuery Migrate是应用迁移辅助插件,是用于高级版本兼容低级版本辅助插件。

例如jQuery版本用的是1.x,计划升级到3.x,就可以在页面删除1.x版本,换成3.x版本,如果有脚本错误,就引入jquery-migrate插件用于兼容低版本,同时也显示低版本方法替换成新版本方法的方案。

jQuery migrate(转移、过度) jquery 升级后新旧代码不兼容问题,此包就是解决此问题的。 就是把不支持的函数再写出来支持下。

jQuery 版本之间有区别。比如1.9版本对于 live(),die(),toggle(),sub(),$.browser 等等都已经不支持了。 在不改变你网站代码的同时,要使用 1.9 之后的版本,你需要使用 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插件的用法是什么已经有了进一步的了解,如果想要了解更多相关的内容,欢迎关注网络,网络将为大家推送更多相关知识点的文章。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: jQuery中migrate插件的用法是什么
本文地址: https://pptw.com/jishu/654840.html
Java反射机制如何理解,Java反射机制方法是什么 Java创建多线程有哪些方法,实现步骤和代码是什么

游客 回复需填写必要信息