jquery傻瓜教程二(鼠标点击事件)
下面我们来看看jquery如何给 DOM 各个元素批量绑定事件
<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“> href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml
<html xmlns=”
<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>