隐藏元素的jQuery和纯css的区别
我知道jQuery之间没有真正的区别，因为jQuery是一个JavaScript库，但我测试并编写了一个函数来隐藏元素，我使用了jQuery它的两个元素隐藏的时间略有不同，纯JavaScript版本完成得更快，而代码是相同的，使用不同的工具
function test() {
var a=document.getElementById("test");
a.style.width="0px"
a.style.height="0px"
a.style.opacity="0"
}
function abc() {
$(document).ready(function() {
$('#jQtest').hide(1000)
});
test();
}#test{
width:200px;
height:200px;
border:1px solid black;
background-color:#36F;
transition:1s;
}
#jQtest{
width:200px;
height:200px;
border:1px solid black;
background-color:#36F;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<input type="button" id="but" value="hide show" onclick="abc()"/>
<div id="test"></div>
<div id="jQtest"></div>
小提琴：jQuery VS CSS。
回答 2
Stack Overflow用户
发布于 2014-07-21 05:18:58
CSS动画将比jQuery动画更精确(直到它移动到CSS动画)，并且由于许多其他原因而更可取，不限于它由图形处理器驱动的面部，因此它需要的资源要少得多。我已经有一段时间没有看过jQuery源代码了，但我最后一次看到它仍然在使用setTimeout，而不是更精确的requestAnimationFrame，但即便如此，它也是依靠浏览器中断来驱动动画，而不是像更低级的CSS动画那样。所以，除非你不得不使用CSS动画(即使它们比jQuery动画要多一点)。有一些jQuery插件可以简化CSS转换，例如Transit。
Stack Overflow用户
发布于 2017-10-26 21:04:03
与使用jQuery，Greensock，Angular等其他库相比，纯JavaScript总是更快(有时不明显，但对于大/许多动画更明显)。
在Chrome中，右键单击jquery并检查元素，然后单击“隐藏显示”按钮，然后您可以注意到，当动画播放时(宽度、高度等)，每一步jQtest都会一致地操作div的样式，直到它完全隐藏。
视觉上的差异并不大，但jQuery的超强功能(主要)允许在所有浏览器中进行这种简单的动画工作。
https://stackoverflow.com/questions/24854088
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号