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

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

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

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

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

谢谢,

解决方法:

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

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...