20.1K ·GitHub
What is this?
A reference guide that shows the plain JavaScript (native DOM/BOM) equivalent for common jQuery methods like querying, styling, DOM manipulation, ajax, events, utilities, promises and animation.
A reference guide that shows the plain JavaScript (native DOM/BOM) equivalent for common jQuery methods like querying, styling, DOM manipulation, ajax, events, utilities, promises and animation.Is this a library I install, or just a reference doc?It is not a library to install — it is a documentation/code-snippet collection organized by topic (selectors, CSS, DOM, Ajax, Events, Utilities, Promises, Animation) that you copy patterns from.
It is not a library to install — it is a documentation/code-snippet collection organized by topic (selectors, CSS, DOM, Ajax, Events, Utilities, Promises, Animation) that you copy patterns from.How do I use this?Browse the table of contents for the jQuery feature you need (e.g. query selector, ajax, events) and copy the equivalent vanilla JS snippet shown next to it.
Browse the table of contents for the jQuery feature you need (e.g. query selector, ajax, events) and copy the equivalent vanilla JS snippet shown next to it.Do I need jQuery or any library to use these snippets?No, that is the whole point — snippets use only native browser APIs like querySelector, fetch, and the Web Animations API.
No, that is the whole point — snippets use only native browser APIs like querySelector, fetch, and the Web Animations API.Will every snippet behave exactly like the jQuery method it replaces?No, the project itself warns the alternatives aren't fully equivalent in every scenario, so you should test before using them in production.
No, the project itself warns the alternatives aren't fully equivalent in every scenario, so you should test before using them in production.Does this still support Internet Explorer?No, IE-specific fallbacks were removed since Microsoft dropped support; an older IE-compatible version of the README is linked if needed.
No, IE-specific fallbacks were removed since Microsoft dropped support; an older IE-compatible version of the README is linked if needed.Should I stop using jQuery entirely after reading this?No — the README explicitly says jQuery is still a great library with valid use cases, so it's fine to keep using it if you want.
No — the README explicitly says jQuery is still a great library with valid use cases, so it's fine to keep using it if you want.Does it cover Ajax replacements?Yes, it recommends the Fetch API as the standard replacement for XMLHttpRequest, noting that unlike $.ajax, fetch does not reject on HTTP error statuses like 404 or 500.
Yes, it recommends the Fetch API as the standard replacement for XMLHttpRequest, noting that unlike $.ajax, fetch does not reject on HTTP error statuses like 404 or 500.What about jQuery's utility functions like extend or each?Most are mapped to native equivalents (Object.assign/spread, Array methods), and for more advanced utilities the guide recommends Lodash or es-toolkit instead.
Most are mapped to native equivalents (Object.assign/spread, Array methods), and for more advanced utilities the guide recommends Lodash or es-toolkit instead.How does it handle animations without jQuery?It recommends the Web Animations API (el.animate()) as the closest native match to jQuery effects, running off the main thread with a finished promise.
It recommends the Web Animations API (el.animate()) as the closest native match to jQuery effects, running off the main thread with a finished promise.What are similar projects?youmightnotneedjquery, JavaScript30, fetch, masonry, modern-js-cheatsheet, core-js, vanillawebprojects, awesome-angular
youmightnotneedjquery, JavaScript30, fetch, masonry, modern-js-cheatsheet, core-js, vanillawebprojects, awesome-angularWhich topics is it in?fetch, promise, vanilla-javascript, event-driven, es6, dom, cheatsheet, javascript-library, reference, guide, browser, html
fetch, promise, vanilla-javascript, event-driven, es6, dom, cheatsheet, javascript-library, reference, guide, browser, html