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

baiyejianxin

                下面我们来看看jquery如何给 DOM 各个元素批量绑定事件
[color="#0000ff"]

 
$("div").click $("div")就是页面中所有的 div标签 这句话就是给所有的标签为div的元素 绑定了一个click事件 即当所有div 被鼠标单击的时候 执行 alert("Hello World!");
[color="#990000"][color="#990000"]

[color="#990000"][color="#990000"]
[color="#990000"][color="#990000"]
[color="#990000"][color="#990000"]
[color="#990000"]鼠标点击事件(div)[color="#990000"]
[color="#990000"][color="#990000"]
[color="#990000"][color="#990000"]
[color="#990000"]   $(document).ready(function(){[color="#990000"]
[color="#990000"]      $("div").click(function(){[color="#990000"]
[color="#990000"]    alert("美丽世界！");[color="#990000"]
[color="#990000"]   });[color="#990000"]
[color="#990000"]   });[color="#990000"]
[color="#990000"][color="#990000"]
[color="#990000"][color="#990000"]
[color="#990000"]div{[color="#990000"]
[color="#990000"]border:1px #cccccc solid;[color="#990000"]
[color="#990000"]width:100px;[color="#990000"]
[color="#990000"]height:100px;}[color="#990000"]
[color="#990000"][color="#990000"]
[color="#990000"][color="#990000"]
[color="#990000"]
[color="#990000"][color="#990000"]
[color="#990000"]美丽世界div[color="#990000"]
[color="#990000"][color="#990000"]
[color="#990000"][color="#660000"]
[color="#ff0000"]
[color="#ff0000"]备注：一定要引入jquery的插件包jquery.js
[color="#660000"]
               
               
               

本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u3/93876/showart_1887232.html