Whether we like it or not, more and more developers are being introduced to the world of JavaScript through jQuery first. In many ways, these newcomers are the lucky ones. They have access to a plethora of new JavaScript APIs, which make the process of DOM traversal (something that many folks depend on jQuery for) considerably easier. Unfortunately, they don’t know about these APIs!
In this article, we’ll take a variety of common jQuery tasks, and convert them to both modern and legacy JavaScript.
Great to see that this article contains both Modern and Legacy JS. Take jQuery#addClass for example: in the olden days we’d use Element.className. Nowadays we can use Element.classList.
From jQuery to JavaScript: A Reference →
Related: I know jQuery. Now what? →
Related: Advanced JS, a chapter from the course materials I teach.