日期:2014-05-16  浏览次数:20620 次

jQuery css样式入门例子

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");
});