jQuery is still a useful and pragmatic library, but chances are increasingly that you’re not dependent on using it in your projects to accomplish basic tasks like selecting elements, styling them, animating them, and fetching data—things that jQuery was great at. With broad browser support of ES6 (over 96% at the time of writing), now is probably a good time to move away from jQuery.

Practical and clear reference with the most common jQuery patterns and their equivalent translations in vanilla JS Show archive.org snapshot

Additional equivalents

jQuery	Vanilla JS	Effect
el.on('click', doStuff)	el.addEventListener('click', doStuff, { once: true })	executes Event Handler just once
$(el).data('importantStuff')	el.dataset.importantStuff	access to data property

UI/UX Design by

We make sure that your target audience has the best possible experience with your digital product. You get:

Design tailored to your audience
Proven processes customized to your needs
An expert team of experienced designers

Guideline for moving from jQuery to vanilla JavaScript

Additional equivalents

UI/UX Design by