如何使用jQuery处理ID包含英文句点“.”的按钮？

这个坑我之前也踩过！问题出在jQuery的选择器语法上：英文句点.是CSS选择器里类选择器的标识，你直接写#index.php的时候，jQuery会把它解析成「ID为index同时带有php类的元素」，当然找不到你的按钮啦。

给你三个可行的解决办法，按需选择：

• 方法一：转义句点符号
  在选择器里把.用两个反斜杠\\.转义（因为JS字符串里反斜杠本身需要转义），这样jQuery就会把它当成ID的一部分：

  $('#index\\.php').click(function(){
    // 你的业务逻辑代码
  });
  

• 方法二：使用属性选择器匹配ID
  直接通过[id="xxx"]的属性选择器来定位元素，这种方式不需要处理特殊字符，兼容性也很好：

  $('[id="index.php"]').click(function(){
    // 你的业务逻辑代码
  });
  

• 方法三：修改HTML中的ID（推荐）
  从根源避免问题——虽然HTML允许ID包含.这类字符，但它们会给CSS/jQuery选择器带来不必要的麻烦。如果可以修改HTML，把ID改成不含特殊字符的命名（比如index-btn），后续维护会更省心：

  <button id="index-btn"></button>
  <script>
  $('#index-btn').click(function(){
    // 你的业务逻辑代码
  });
  </script>
  

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