微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 将jQuery click(),hide()和fadeIn()转换为本机JS

所以,我正在努力加快我的页面(通过避免一些请求),并想知道是否有人知道如何保持以下代码工作,而无需加载整个JQuery库:

$("#div1").click(function () {
    $("#div2).hide();
    $("#div3").fadeIn();
})

当然这个代码需要一个JQuery库来工作,但它比我的页面本身更重.

有没有办法,只是从库中选择所需的代码并将其插入内联(在我的html中)?

谢谢,

解决方法:

CSS3 @keyframes是一种干净的方式来做你想要的没有jQuery.看看this thread,它有一个演示.它实际上比jQuery的fadeIn运行得更顺畅.

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

相关推荐