浏览器是否可能不兼容jQuery？自制JS库能否存在兼容性问题？

嘿，这个问题问到点子上了——不少刚摸前端的朋友都会有类似的疑惑，我来给你掰扯清楚：

虽然所有浏览器都能跑JavaScript，但不同浏览器对JS标准、DOM API的实现差异大到离谱，尤其是在十几年前的旧浏览器（比如IE6/7/8）时代。举几个例子：

• 绑定事件：现代浏览器用addEventListener，但旧IE只能用attachEvent，参数和行为还不一样；
• AJAX请求：现代浏览器用XMLHttpRequest，旧IE得用ActiveXObject；
• DOM选择：早期很多浏览器不支持document.querySelector，就算支持，选择器的解析规则也有细微差别。

jQuery的核心价值之一就是把这些底层差异给封装起来——你写$('.btn').click()的时候，不用管用户用的是Chrome还是IE8，jQuery内部会自动切换到对应的实现逻辑。所以它标注“跨平台”，是在告诉你：“不用操心浏览器兼容的破事，交给我就行”。

其实不是浏览器“不兼容”jQuery，而是jQuery主动适配了各种浏览器的特性。如果某个浏览器完全不支持JavaScript（现在几乎不存在了），那jQuery肯定跑不起来；但正常情况下，只要是jQuery官方宣称支持的浏览器，它都已经做了兼容处理。

反过来想，如果没有jQuery，你自己写原生JS，分分钟就会踩兼容坑——比如你在IE8里用document.querySelector，直接就报错给你看。

太能了！而且简直是家常便饭，只要你不做兼容处理，随便写个库都可能有兼容问题：

• 用了ES6+语法：比如箭头函数() => {}、let/const，IE11及以下完全不支持，你的库在这些浏览器里直接崩；
• 调用了未普及的DOM API：比如Element.remove()，这个方法IE完全不认，你直接用的话，IE用户用你的库删除元素就会失败；
• 依赖浏览器私有特性：比如Chrome的webkitRequestAnimationFrame，没做兼容 fallback 的话，Firefox或者旧浏览器里就用不了。

举个极简的反例：

const MyUtils = {
  deleteElement(el) {
    el.remove();
  }
};

这个小库在IE里就会报错，因为IE不支持Element.remove()，得改成el.parentNode.removeChild(el)才能兼容所有主流浏览器。

说白了，浏览器的JS环境从来不是“大一统”的，标准更新有先后，厂商还有自己的私有实现，所以跨浏览器的库需要额外做兼容工作；而如果你忽略这些差异，很容易写出只能在特定浏览器跑的库。

内容的提问来源于stack exchange，提问作者Israel Karity