一:下载
本文中使用的是“jquery-2.0.3.js”
二:引入
在eclipse中新建一个web项目,在WebRoot这个目录下,新建一个js文件夹,将下载的文件放在这个文件夹中
三:编写测试文件 TestJQuery.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JQuery Demo </title>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
alert("Hello world!");
}
);
$("#haizhu").bind(click,function(){
alert("被你点中了!");
});
</script>
</head>
<body>
Hello World!
<br>
<a id="haizhu" href="javascript:void(0)">点我啊!</a>
</body>
</html>
四:浏览器测试
打开文件所在的文件夹,用浏览器打开这个TestJQuery.html文件,会弹出一个对话框和一行字,点击这行字会消失,至此,一个测试完成。