当 HTML 元素 ID 包含单引号（如 id="Bel'Veth"）时，直接使用 $("#" + id) 会导致 jQuery 解析失败；需对单引号进行双重转义（'），或改用更安全的 document.getElementById() + $() 封装方式。
当 html 元素 id 包含单引号（如 `id="bel'veth"`）时，直接使用 `$("#" + id)` 会导致 jquery 解析失败；需对单引号进行双重转义（`'`），或改用更安全的 `document.getelementbyid()` + `$()` 封装方式。
在 jQuery 中，ID 选择器（#id）本质上是 CSS 选择器的一种，而 CSS 规范要求：若 ID 值包含特殊字符（如 '、"、.、#、: 等），必须进行转义才能被正确解析。单引号 ' 在 CSS 选择器中属于需转义的字符，其标准转义形式为 ' —— 注意：这是 CSS 层面的转义，不是 JavaScript 字符串转义。
因此，以下写法是错误的：
let c = "Bel'Veth";
$("#" + c).addClass("selected"); // ❌ 报错：Uncaught Error: Syntax error, unrecognized expression: #Bel'Veth因为生成的选择器字符串为 #Bel'Veth，jQuery 将其作为未转义的 CSS 表达式解析，导致语法错误。
✅ 正确做法是：对 ID 字符串中的单引号进行 CSS 转义（即替换为 '），注意仅需一次替换，且使用正则全局替换以支持多个单引号：
let c = "Bel'Veth";
c = c.replace(/'/g, "\'"); // ✅ 关键：使用 /'/g 和 "\'"
$("#" + c).addClass("selected");⚠️ 常见误区：
- c.replace("'", "'") → 错误：'' 在 JS 中等价于 '，未产生实际转义；
- c.replace("'", "\'") 单次调用正确，但若重复执行（如误放在循环或多次处理中），会变成 \'，导致选择器变为 #Bel\'Veth，同样报错；
- 使用 c.replace(/'/g, "'") 或其他无效转义方式均无法满足 CSS 规范。
? 更健壮的替代方案（推荐用于生产环境）：
避免依赖字符串拼接选择器，改用原生 DOM 方法获取元素后交由 jQuery 封装，完全规避 CSS 选择器解析风险：
let c = "Bel'Veth";
let el = document.getElementById(c);
if (el) {
$(el).addClass("selected"); // ✅ 安全、直观、无需转义
}该方式不依赖选择器语法，兼容任意合法 HTML ID（包括含空格、引号、Unicode 字符等），且性能略优。
? 补充说明：
- 根据 HTML5 规范，ID 可包含几乎所有字符（除空格、制表符等空白符及控制字符），但强烈建议避免在 ID 中使用 '、"、#、.、: 等 CSS 特殊符号，以提升可维护性与兼容性；
- 若项目已存在大量此类 ID 且无法修改，应将转义逻辑封装为工具函数复用：
function escapeCssId(id) { return id.replace(/([#.:'"\[]!$*^&%#@~`+?/={}<>,;|])/g, '\$1'); } // 使用：$(escapeCssId(c)).addClass("selected");
总之，面对含单引号的 ID，请优先选择 document.getElementById() 封装方案；若必须用 ID 选择器，则务必对 ' 进行 ' 的 CSS 转义，且确保仅执行一次。
