jQuery技术

jquery傻瓜教程二(鼠标点击事件)

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

jquery傻瓜教程二(鼠标点击事件) 下面我们来看看jquery如何给 DOM 各个元素批量绑定事件 SCRIPT LANGUAGE=JavaScript !-- $(document).ready(function() { $(div).click(function(){//$(div)就是页面中所有的 div标签

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“>
<html xmlns=”

href="http://www.w3.org/1999/xhtml">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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery教程:14个实用的jQuery技巧

    jQuery教程:14个实用的jQuery技巧

    2016-02-06 10:00

  • jQuery中$()函数的7种用法汇总

    jQuery中$()函数的7种用法汇总

    2015-11-20 11:13

  • JQuery知识:20个jQuery教程+11个jQuery插件

    JQuery知识:20个jQuery教程+11个jQuery插件

    2015-11-20 09:37

  • jQuery API 手册 chm 新版

    jQuery API 手册 chm 新版

    2015-11-18 15:44

网友点评