Jquery为DIV添加点击事件,Jquery为a标签超链接添加点击事件

Js代码  收藏代码
  1. <div>1</div>  
  2. <div>2</div>  
  3. <div>3</div>  
  4. <div>4</div>  
  5. <div>5</div>  
  6. 为这5个DIV绑定点击事件,当点击第2个的时候弹出提示2,第4个的时候弹出提示4  
  7.   
  8. <script type="text/javascript">     
  9. $(function(){     
  10.     $("div").each(function(){  
  11.         $(this).click(function(){  
  12.             alert($(this).text());  
  13.         });  
  14.     });  
  15. });  
  16. </script>  
Js代码  收藏代码
  1. <div class="test">  
  2.         <ul>  
  3.                 <li><a href="#">连接1</a></li>  
  4.                 <li><a href="#">连接2</a></li>  
  5.                 <li><a href="#">连接3</a></li>  
  6.                 <li><a href="#">连接4</a></li>  
  7.                 <li><a href="#">连接5</a></li>  
  8.         </ul>      
  9. </div>  
  10.   
  11. <script type="text/javascript">  
  12.     $(function () {  
  13.         $(".test ul li").each(function () {  
  14.             $(this).click(function(){  
  15.                 alert($(this).text());  
  16.             });  
  17.         });  
  18.     });  
  19. </script>  

 

原文地址:https://www.cnblogs.com/kenshinobiy/p/5011624.html