• 问题
• 原因
• 解决办法

问题

• 有一个标签 <div id="aaa.bbb"></div>

• 当html标签的id中有“.”时，比如id=”aaa.bbb”，用jquer选择器 $(“#aaa.bbb”) 不能选择到标签

• 查资料发现id命名规则如下：

  1.必须以字母 A-Z 或 a-z 开头
  2.其后的字符：字母(A-Za-z)、数字(0-9)、连字符(“-“)、下划线(“_”)、冒号(“:”) 以及点号(“.”)
  3.值对大小写敏感

• 所以id的命名没错

原因

• 因为jquer选择器 $(“#aaa.bbb”) 的意思是，选择id=aaa并且class=bbb的标签，所以选不到

解决办法

• 代码如下

  //1. 可以用js的方法
  document.getElementById("aaa.bbb"); 
  //2. 使用转义符
  $("#aaa\\.bbb")
  //3. 或者jquery改为
  $("div[id='aaa.bbb']")