初学JQuery第一例
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>JQuery</title> <meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--> </head> <body><div id="lee"></div><script type="text/javascript" src="JQuery/jquery-1.5.2.min.js"></script><script type="text/javascript">var target = $("#lee")target.html("学习JQuery!") .height(60) .width(160) .css("border","2px solid black") .css("background-color","#ddddff") .css("padding",20);</script> </body></html>?jquery-1.5.2.min.js放在WebRoot/JQuery下。
效果如下：