camsong/you-dont-need-jquery

This repository is a reference guide showing developers how to replace jQuery functions with equivalent code written in plain, modern JavaScript, without using any library. jQuery was once essential because browsers had inconsistent behavior, but modern browsers now natively support most of what jQuery provided. The project demonstrates, side by side, how each common jQuery operation can be done in native JavaScript instead. The guide covers querying the page for elements (like finding all elements with a certain class), reading and changing CSS styles, manipulating the page structure (adding, removing, or moving elements), making HTTP requests to servers (AJAX), handling user events like clicks, and animation. For each feature, the README shows the jQuery code followed by the native JavaScript equivalent, sometimes with notes about which browsers support which approach. The code examples are extensive and concrete. For instance, selecting elements by class with jQuery's $('.class') becomes document.querySelectorAll('.class') or document.getElementsByClassName('class') natively. Making an HTTP request that jQuery simplified into one line becomes a few lines using the built-in fetch API. The guide explicitly notes that jQuery is still a valid tool, it is not telling you to rewrite your existing projects. Rather, it is for developers who want to understand what jQuery does under the hood, or who want to write new code without the added weight of a library dependency. The project supports Internet Explorer 10 and newer, and is available in over a dozen language translations.