使用CSS更好：悬停还是jQuery悬停？

Question

哪个更适合网站速度，CSS：悬停或jQuery悬停？或者他们差不多？

Answer 1

<强> CSS

• CSS是原生的（内置于浏览器中），如HTML解析器和JavaScript引擎
• CSS样式通过CSSOM - CSS对象模型暴露给脚本语言，CSS模型为媒体查询，选择器和CSS本身定义API
• 实现不是通过脚本语言实现的（除非布局引擎本身是一个编写的）

<强>的jQuery

• jQuery是一个JavaScript库，因此是浏览器外部的
• 需要下载并运行浏览器的JavaScript实现
• jQuery需要访问DOM和CSSOM，这是用JavaScript实现的，浏览器必须运行

所以， theoretically ，虽然你可以使用jQuery和CSS来使用onEvent方法，但CSS会更快，因为它是浏览器的原生，而不是必须做额外的下载步骤和＆＃34;翻译＆＃34;图书馆。

更多信息

Performance: Pure CSS vs jQuery

How browsers work - Behind the scenes of modern web browsers

Answer 2

Jquery和CSS都可以onEvent驱动。速度受影响的唯一时间是加载DOM时，因为必须下载Jquery库。

此类事件的事实上使用CSS只是因为它是原生的。