jQuery的addClass与removeClass方法在IE11浏览器中无法正常工作？

首先，我一眼就看到你代码里的一个低级语法错误——$(#submitData)缺少了引号，正确写法应该是$('#submitData')。现代浏览器可能会容错这种问题，但IE11对语法规范的要求非常严格，这大概率是导致方法不执行的直接原因之一，先把这个问题修正再说。

接下来，针对IE11下jQuery类操作失效的情况，还有几个常见的排查和解决方向：

• 确认jQuery版本兼容性：IE11需要搭配兼容的jQuery版本，建议使用jQuery 3.x系列（比如3.6.0及以上）。如果你的项目还在使用jQuery 1.x或2.x的老旧版本，很可能存在IE11专属的兼容性bug，替换成最新的兼容版本试试。

• 检查CSS类名的合法性：IE11对包含特殊字符（除了下划线、短横线之外的符号）的类名解析容易出问题，确保你的类名只包含字母、数字、下划线和短横线，且不以数字开头。

• 确保DOM就绪后执行代码：IE11在DOM未完全加载完成时执行jQuery操作，经常会出现找不到元素的情况，导致方法无效。把你的代码包裹在$(document).ready()里，或者放在页面DOM元素的后面：

$(document).ready(function() {
  $('#submitData').click(function() {
    $('#FileInfoMsg').addClass('target-class');
    // 或者执行removeClass操作
  });
});

• 用原生JS验证是否是jQuery的问题：如果上面的方法都没效果，可以用原生JavaScript的类操作来测试，判断问题出在jQuery还是浏览器环境：

document.getElementById('submitData').addEventListener('click', function() {
  var msgElement = document.getElementById('FileInfoMsg');
  msgElement.classList.add('target-class');
  // 或者 msgElement.classList.remove('target-class');
});

如果原生JS能正常工作，那基本可以确定是jQuery版本或配置的问题。

• 排查脚本冲突：IE11特别容易出现脚本冲突，比如其他库和jQuery的$符号冲突，或者有报错的脚本阻断了后续代码执行。按下F12打开IE11的开发者工具，查看控制台的报错信息，根据提示定位问题。

先把最明显的引号错误修正，再逐一排查上面的点，应该能解决你的问题。

内容的提问来源于stack exchange，提问作者Ravi R