Is it better to use CSS :hover or jQuery hover? [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.

Closed 11 years ago.

Improve this question

Which is better for website speed, CSS :hover or jQuery hover? Or are they about the same?

not including an external library that the browser can do natively will always be faster — thescientist
– thescientist, Commented May 29, 2014 at 22:53
Counter-question: if CSS :hover is enough for you needs, why would you ever consider replacing it with jQuery? — Jon
– Jon, Commented May 29, 2014 at 22:54
Use CSS! When you use jquery, you load Jquery script, it's more fast if you use css. — Joffrey Maheo
– Joffrey Maheo, Commented May 29, 2014 at 22:55
What if it was something were both CSS and jQuery would require an external library?(like moz-box-styling for CSS) — Sam Sabin
– Sam Sabin, Commented May 29, 2014 at 22:56
Maybe there is a difference between using jQuery or plain CSS, but even if there is, the difference is so small your users will never even notice. So use whatever is easiest for you. — display-name-is-missing
– display-name-is-missing, Commented May 29, 2014 at 22:59

Community · Accepted Answer · 2017-05-23 12:24:49Z

6

CSS

CSS is native (built into browsers), like a HTML parser and a JavaScript engine
CSS styles are exposed to scripting languages via the CSSOM - the CSS Object Model which defines APIs for media queries, selectors and CSS itself
Implementation does not happen through a scripting language (unless the layout engine itself is written in one)

jQuery

jQuery is a JavaScript library, and therefore external to browsers
Needs to be downloaded and run through the browser's implementation of JavaScript
jQuery will need to access the DOM and CSSOM, which is implemented in JavaScript, which the browser has to run

So, theoretically, while you can use jQuery and CSS to both use onEvent methods, CSS would be faster, as it is native to browsers, and does not have to do the added step to download and "translate" the library.

More information

Performance: Pure CSS vs jQuery

How browsers work - Behind the scenes of modern web browsers

edited May 23, 2017 at 12:24

CommunityBot

11 silver badge

answered May 30, 2014 at 1:58

eggy

2,8443 gold badges25 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Apolo Over a year ago

Note : CSS hover (or any selector) for animation purpose is usually slower than jQuery animations (and way slower than pure animations framework (Example). CSS only trigger the event faster.

Sethe23 · Accepted Answer · 2014-05-30 01:37:19Z

0

Jquery and CSS can both be onEvent driven. The only time speed is affected is when loading the DOM, because the Jquery library has to be downloaded.

The de-facto for such events is using CSS simply because it is native.

answered May 30, 2014 at 1:37

Sethe23

2,6924 gold badges20 silver badges18 bronze badges

Collectives™ on Stack Overflow

Is it better to use CSS :hover or jQuery hover? [closed]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related