JSP中如何使用JQuery？

首先要导入JQuery的包文件，可以在这里下载。

然后在JSP中引入包：

[javascript] view plain copy print ?

<mce:script src="lib/jquery-1.5.2.js" mce_src="lib/jquery-1.5.2.js" type="text/javascript"></mce:script>

接下来再引入自己的js：

[javascript] view plain copy print ?

我的my.js文件内容如下：

[javascript] view plain copy print ?

测试页面MyJQueryTest.html的内容如下：

[java] view plain copy print ?

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My jQuery Test</title>
<mce:script src="lib/jquery-1.5.2.js" mce_src="lib/jquery-1.5.2.js" type="text/javascript"></mce:script>
<mce:script src="my.js" mce_src="my.js" type="text/javascript"></mce:script>
</head>
<body>
<button>Change colors</button>
<br/>
<span>span</span>
<div>div1</div>
<div>div2</div>
<div>div3</div>
<div>div4</div>
<div id="stop">Stop here</div>
<div>div6</div>
<div>div7</div>
<div>div8</div>
<br/>
<ul>
<li>li1</li>
<li>li2</li>
<li>li3</li>
<li>li4</li>
<li>li5</li>
</ul>
</body>
</html>

运行效果如下：

前：

后：

最后值得注意的是，JQuery的包文件的引入必须在js引入的前面，不然JQuery没有效果。

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。