页面有多个相同的id或者class时，绑定jquery事件无效，解决方案

<div id="cp_liuyan" class="cp_tl cp_tl2" >按钮</div>
<div id="cp_liuyan" class="cp_tl cp_tl2" >按钮</div>
<div id="cp_liuyan" class="cp_tl cp_tl2" >按钮</div>
<div id="cp_liuyan" class="cp_tl cp_tl2" >按钮</div>

假设场景：页面多个按钮调用同一个jquery方法，如上面代码

jquery代码

$("#cp_liuyan").click(function(){
  });

按照以往的写法，我们这样写是感觉不会出错的！

但是，测试发现：只有点击第一个按钮才会触发jquery方法，点击其他按钮无效；

残酷的事实告诉我们，那种写法是错的！

jquery代码，正确写法

$("div#cp_liuyan").click(function(){});

应该带上前缀div，不然，只有点击第一个按钮才会触发jquery方法！