用于 id 包含点 (.) 的 HTML 元素的 jQuery 选择器答案

【问题标题】：jQuery selector for an HTML element whose id contains a point (.)用于 id 包含点 (.) 的 HTML 元素的 jQuery 选择器
【发布时间】：2015-11-04 16:27:09
【问题描述】：

元素：

<input type='text' id='Customer.name' value='' />

无效的 jQuery 选择器：

$('#Customer.name')

有谁知道这个元素的选择器应该是什么？

【问题讨论】：

Question 6 来自 jQuery 常见问题解答。
仅供参考，如果您对内容有任何影响，最好远离 id 名称中的标点符号：stackoverflow.com/questions/70579/…

标签： jquery jquery-selectors

【解决方案1】：

$('input[id="Customer.name"]')

示例：http://jsfiddle.net/AlienWebguy/HFpEE/

【讨论】：

如果有办法通过 css #Customer.name{ ...} 获取元素不起作用，！！通过 css 获取它的任何方法

【解决方案2】：

您可以使用两个反斜杠转义句点字符：

$('#Customer\\.name')

【讨论】：

这个选择器完全有效，尽管在 IE9 中即使 html 元素存在，$('#Customer\\.name').length 返回 0。但是，$('input[id="Customer.name"]') 返回 1 (!?!)

【解决方案3】：

来自 jquery 文档：

$("#Customer\\.name")

jQuery FAQ

【讨论】：