您的位置：首页 > Web前端 > JQuery

jQuery 入门

2013-09-08 22:08 423 查看
一：下载

官网：http://jquery.com/

本文中使用的是“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文件，会弹出一个对话框和一行字，点击这行字会消失，至此，一个测试完成。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航