标签：
一、JavaScript事件和jQuery
jQuery是一个开源的JavaScript文件，它不仅省略了开发人员索要处理的跨浏览器兼容性的问题，而且简化了JavaScript初学者所所不具备的高级编程技术，jQuery的JavaScript框架，对于JavaScript事件和所有常见的JavaScript来说，都是非常理想的编程工具。
可以从http://jquery.com下载jQury。jQuery只有一个文件，将它放在网站的文档的根目录处或主文件夹下（或具体环境中放置JavaScript文件的地方）
二 、jQuery的.ready()函数
它只会在浏览器完全装载网页并且已经为JavaScript准备好了后才会执行。jQuery代码以$符号开头和括号开始。
例如：
<!DOCTYPE HTML> <html> <head> <title> Document Ready</title> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> </head> <body> <script type="text/javascript" >$(document).ready(alert(‘Hello Again‘)); </script> </body> </html>
三、用jQuery和JavaScript来响应事件
如果要让<div>元素在用户用鼠标单击它以后消失，你需要在<div>元素上附加一个单击事件处理程序。在jQuery中，你可以通过.click()函数来帮助完成
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=uft-8"> <title>jQuery 101</title> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> </head> <body> <div id=“contentDiv”>Your second JavaScript page.</div> <script type="text/javascript"> $("#contentDiv").css("backgroundColor","#abacab"); $("#contentDiv").click(function(){ $(this).fadeout(5000);}); </script> </body> </html>
注意 click函数直接附在<div>上，其中id变量等于contentDiv。在.click()函数中，它调用了另一个函数 ，叫.fadeOut()(一个匿名函数的函数，包括在大括号 中）。注意，这 里，有一个新的部分，$(this)标记符。$(this)标记符指的是产生事件的元素，所以这个示例指定的是contentDiv元素，也可以用如下的方式编写：
$("contentDiv").click(function(){$("contentDiv").fadeout(5000);})
标签：
原文地址：http://www.cnblogs.com/MyBlog-Richard/p/4598367.html
