QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们

jquery教程

【jQuery教程】jquery基础教程二(鼠标点击事件)

 admin  2013-08-30 22:25:00

下面我们来看看jquery如何给 DOM 各个元素批量绑定事件

  1. SCRIPT LANGUAGE="JavaScript"> 
  2. <!--  
  3. $(document).ready(function() {  
  4.     $("div").click(function(){//$("div")就是页面中所有的 div标签   
  5.       alert("Hello World!");  
  6.     })  
  7. })  
  8. //--> 
  9. </SCRIPT> 

$("div").click $("div")就是页面中所有的 div标签 这句话就是给所有的标签为div的元素 绑定了一个click事件 即当所有div 被鼠标单击的时候 执行 alert("Hello World!");

 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="http://www.w3.org/1999/xhtml"> 
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  6. <title>jquery基础教程二(demo鼠标点击事件)</title> 
  7. <script language="javascript" src="http://www.cnjquery.com/demo/jquery.js"></script> 
  8.  
  9. <SCRIPT LANGUAGE="JavaScript"> 
  10. <!--  
  11. $(document).ready(function() {  
  12.     $("div").click(function(){  
  13.       alert("Hello World!");  
  14.     })  
  15. })  
  16. //--> 
  17. </SCRIPT> 
  18. </head> 
  19. <body> 
  20. <div>Hello World!</div> 
  21. </body> 
  22. </html> 

 

¥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏,我们将继续分享更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏

本文《【jQuery教程】jquery基础教程二(鼠标点击事件)》发布于石头博客文章,作者:admin,如若转载,请注明出处:https://www.pweb123.com/html/jquery/242.html,否则禁止转载,谢谢配合!

文章点评

我来说两句 已有0条评论
点击图片更换

添加微信好友

添加微信好友

微信小程序

百度小程序