下面我们来看看jquery如何给 DOM 各个元素批量绑定事件
$("div").click $("div")就是页面中所有的 div标签 这句话就是给所有的标签为div的元素 绑定了一个click事件 即当所有div 被鼠标单击的时候 执行 alert("Hello World!");
- <SCRIPT LANGUAGE="JavaScript">
- <!--
- $(document).ready(function() {
- $("div").click(function(){//$("div")就是页面中所有的 div标签
- alert("Hello World!");
- })
- })
- //-->
- </SCRIPT>
$("div").click $("div")就是页面中所有的 div标签 这句话就是给所有的标签为div的元素 绑定了一个click事件 即当所有div 被鼠标单击的时候 执行 alert("Hello World!");
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>jquery基础教程二(demo鼠标点击事件)</title>
- <script language="javascript" src="http://www.cnjquery.com/demo/jquery.js"></script>
- <SCRIPT LANGUAGE="JavaScript">
- <!--
- $(document).ready(function() {
- $("div").click(function(){
- alert("Hello World!");
- })
- })
- //-->
- </SCRIPT>
- </head>
- <body>
- <div>Hello World!</div>
- </body>
- </html>