JS 框架 词条目录
前端Wiki/词条/jQuery

jQuery

定义曾经统治前端开发十年的 JavaScript 工具库,用简洁的链式 API 封装 DOM 操作、事件、动画与请求

jQuery 的核心思想是 write less, do more:把冗长的原生 DOM 操作收进 $ 选择器与链式调用。在浏览器割裂、IE6/7/8 并存的年代,它抹平了各家的 API 差异,让一份代码跑遍所有浏览器,这是它成为事实标准的历史原因。

今天它的份额已被 Vue、React 等框架蚕食,但并未死去:老项目维护、WordPress 生态、一些后台模板仍在用。会 jQuery 依然是接手遗留代码库的基本功,而它的整体替换思路对理解现代框架也很有帮助。

JavaScript
// 链式调用与事件委托:jQuery 最经典的两个特性
$('.list').on('click', 'li', function () {
  $(this).addClass('done').siblings().removeClass('done');
});

// 原生等价写法(现代浏览器推荐)
document.querySelector('.list').addEventListener('click', function (e) {
  var li = e.target.closest('li');
  if (!li) return;
  li.classList.add('done');
  li.parentElement.querySelectorAll('li').forEach(function (s) {
    if (s !== li) s.classList.remove('done');
  });
});
⚠ 常见误区
🔗 相关词条命令式组件通信
← 返回来源章节前端