返回旧版| 微信建站| 我要建站 | 建站学习 | 加入收藏
jquery教程当前位置:首页 > HTML教程 > jquery教程 > 正文

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

发布时间: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> 

 

版权所有:郑州腾石网络科技有限公司 备案信息:豫ICP备18019117号
站长QQ:2863868475 业务合作咨询:15137100750(同微信)
本站所有投放的广告是有其他网站提供,不代表本站立场,同时网站首页广告位对外出租详情咨询本站站长!同时欢迎广大站长加入个人建站团队
  • 建站客服
  • CMS仿站
  • CMS学习
  • 技术交流群:336572814