1.启动tomcat那些准备就不说了
2.在tomcat的webapps目录下创建firstDemo文件夹，在其下面建css和js文件夹，还有建index.html css下创建一个css，js下建两个js分别为first.js和jquery.min.js
3.first.js下放如下：
1 $(document).ready(function(){
2 $("button").click(function(){
3 $("#testDiv").hide();
4 });
5 });
jquery.min.js放这个网站上面的代码：http://libs.baidu.com/jquery/2.0.0/jquery.min.js
index.html写入：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>静态html页面(runoob.com)</title> 6 <script src="js/jquery.min.js"></script> 7 <script src="js/first.js"></script> 8 </head> 9 <body> 10 <div id="testDiv">这是一个标题</div> 11 <button>点我</button> 12 </body> 13 </html>
此三个文件都是用记事本建立，再改后缀。打开是用Notepad++
4.运行index.html 出来如下界面
时间： 2024-08-27 15:18:15