javascript - 将 jQuery click()、hide() 和 fadeIn() 转换为原生 JS

Question

所以，我正在努力加快我的页面速度(通过避免一些请求)，想知道是否有人知道如何在不必加载整个 JQuery 库的情况下保持以下代码的工作:

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

当然这段代码需要一个 JQuery 库才能工作，但它比我的页面本身更重。

有没有办法在某个地方从库中选择所需的代码并将其内联插入(在我的 html 中)？

谢谢你，

Answer 1

CSS3 @keyframes 是一种在没有 jQuery 的情况下做你想做的事情的干净方法。看看this thread ，其中有一个演示。它实际上比 jQuery 的 fadeIn 运行得更流畅。