日期:2014-05-16 浏览次数:20735 次
1、首先到jQuery官网下载js库,网址为http://jquery.com/
2、建立一个jQuery示例的项目。
3、将js库放到jQuery示例的项目中。
index.jsp页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="author" content="Kong.Yee"/>
<meta http-equiv="corporation" content="广州匡兴软件科技有限公司"/>
<meta http-equiv="contact" content="791663094或kong.yee@foxmail.com"/>
<script type="text/javascript" language="JavaScript" src="js/jquery-1.10.1.js"></script>
<script type="text/javascript" language="JavaScript" src="js/css01.js"></script>
<title>jQuery入门例子</title>
</head>
<body>
<!-- div块元素 -->
<div id="div">jQuery入门例子</div>
</body>
</html>
css01.js页面
//jQuery方法函数
$(function(){
//jQuery的css样式
$("#div").css("color", "red");
});