手机版

jQuery Migrate插件使用示例的详细说明

时间:2021-08-23 来源:互联网 编辑:宝哥软件园 浏览:

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=' http : jquery-1 . 6 . 1 . js '/script script type=' text/JavaScript ' $(文档)。ready(function(){ $('button '))。单击(function(){ alert($('li '))。size());});});/script/head dybutton测试按钮/buttonullicoffee/Lili milk/Lili soda/Li/ul/body/html单击按钮弹出“3”。

脚本类型=' text/JavaScript ' src=' http : jquery-1 . 6 . 1 . js '/脚本

带有脚本类型=' text/JavaScript ' src=' http : jquery-3 . 3 . 1 . js '/脚本

此时,单击按钮在Chrome浏览器开发人员窗口中显示脚本错误:

$(.).大小不是一个函数

在页面中引入脚本src=' http : jquery-migrate-3 . 0 . 1 . js '/脚本

点击按钮,正常弹出“3”。

同时,建议不推荐使用size方法,用length代替:

jQuery.fn.size()已被弃用和删除;使用。长度属性

更改$('li ')。size()到$('li ')。长度,删除jquery-migrate-3.0.1.js,点击按钮弹出“3”。

迁移方法已完成。

摘要

以上是边肖介绍的jQuery Migrate插件使用示例的详细说明,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你的!

版权声明:jQuery Migrate插件使用示例的详细说明是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。