20.1K ·GitHub
这是什么？
这是一份参考指南，展示常见 jQuery 方法对应的原生 JavaScript（原生 DOM/BOM）写法，涵盖查询、样式、DOM 操作、Ajax、事件、工具函数、Promise 和动画。
这是一份参考指南，展示常见 jQuery 方法对应的原生 JavaScript（原生 DOM/BOM）写法，涵盖查询、样式、DOM 操作、Ajax、事件、工具函数、Promise 和动画。这是我需要安装的库，还是只是参考文档？它不是需要安装的库，而是按主题（选择器、CSS、DOM、Ajax、事件、工具函数、Promise、动画）整理的文档和代码片段合集，你可以照着其中的写法复制使用。
它不是需要安装的库，而是按主题（选择器、CSS、DOM、Ajax、事件、工具函数、Promise、动画）整理的文档和代码片段合集，你可以照着其中的写法复制使用。我该怎么用？在目录中找到你需要的 jQuery 功能（例如 query selector、ajax、events），然后复制旁边显示的原生 JS 代码片段即可。
在目录中找到你需要的 jQuery 功能（例如 query selector、ajax、events），然后复制旁边显示的原生 JS 代码片段即可。使用这些代码片段需要 jQuery 或其他库吗？不需要，这正是它的核心意义：代码片段只使用浏览器原生 API，例如 querySelector、fetch 和 Web Animations API。
不需要，这正是它的核心意义：代码片段只使用浏览器原生 API，例如 querySelector、fetch 和 Web Animations API。每个代码片段的行为都会和它所替代的 jQuery 方法完全一致吗？不会。项目本身就提醒，这些替代写法并非在所有场景下都完全等效，因此在生产环境中使用前应先充分测试。
不会。项目本身就提醒，这些替代写法并非在所有场景下都完全等效，因此在生产环境中使用前应先充分测试。它还支持 Internet Explorer 吗？不支持。微软停止支持之后，IE 专用的兼容代码已被移除；如有需要，README 中还链接了一个兼容 IE 的旧版本。
不支持。微软停止支持之后，IE 专用的兼容代码已被移除；如有需要，README 中还链接了一个兼容 IE 的旧版本。读完之后，我应该完全停止使用 jQuery 吗？不必。README 明确指出 jQuery 仍然是一个很好的库，有其合理的使用场景，如果你愿意，继续使用它完全没有问题。
不必。README 明确指出 jQuery 仍然是一个很好的库，有其合理的使用场景，如果你愿意，继续使用它完全没有问题。它涵盖了 Ajax 的替代方案吗？涵盖。它推荐用 Fetch API 替代 XMLHttpRequest，并指出与 $.ajax 不同，fetch 遇到 404、500 等 HTTP 错误状态时不会进入 reject（拒绝）状态。
涵盖。它推荐用 Fetch API 替代 XMLHttpRequest，并指出与 $.ajax 不同，fetch 遇到 404、500 等 HTTP 错误状态时不会进入 reject（拒绝）状态。jQuery 的工具函数，比如 extend 或 each，怎么办？大多数都有对应的原生写法（例如 Object.assign、展开运算符，以及数组方法）；更复杂的工具函数，指南则建议改用 Lodash 或 es-toolkit。
大多数都有对应的原生写法（例如 Object.assign、展开运算符，以及数组方法）；更复杂的工具函数，指南则建议改用 Lodash 或 es-toolkit。不用 jQuery 时，动画怎么实现？它推荐使用 Web Animations API（el.animate()），这是最接近 jQuery 动画效果的原生方案，动画在主线程之外运行，并附带一个 finished Promise。
它推荐使用 Web Animations API（el.animate()），这是最接近 jQuery 动画效果的原生方案，动画在主线程之外运行，并附带一个 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