jQuery技术

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

字号+ 作者:H5之家 来源:H5之家 2016-03-06 15:00 我要评论( )

下面我们来看看jquery如何给 DOM 各个元素批量绑定事件SCRIPT LANGUAGE=JavaScript!--$(document).ready(function() { $(div).click(function(){//$(div)

下面我们来看看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" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery基础教程二(demo鼠标点击事件)</title>
<script language="javascript" src="/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.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评