使用CSS更好:悬停还是jQuery悬停?

use*_*179 -1 css jquery hover jquery-hover

哪个更适合网站速度,CSS:悬停或jQuery悬停?或者他们差不多?

egg*_*ggy 5

CSS

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

jQuery的

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

所以,从理论上讲,虽然你可以使用jQuery和CSS来使用onEvent方法,但CSS会更快,因为它是浏览器的原生代码,并且不需要执行额外的步骤来下载和"翻译"库.

更多信息

性能:纯CSS与jQuery

浏览器的工作原理 - 现代Web浏览器的幕后故事