jQuery 的核心思想是 write less, do more:把冗长的原生 DOM 操作收进 $ 选择器与链式调用。在浏览器割裂、IE6/7/8 并存的年代,它抹平了各家的 API 差异,让一份代码跑遍所有浏览器,这是它成为事实标准的历史原因。
今天它的份额已被 Vue、React 等框架蚕食,但并未死去:老项目维护、WordPress 生态、一些后台模板仍在用。会 jQuery 依然是接手遗留代码库的基本功,而它的整体替换思路对理解现代框架也很有帮助。
// 链式调用与事件委托: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'); }); });