JSP中如何使用JQuery？

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

然后在JSP中引入包：

 

接下来再引入自己的js：

 

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

$(document).ready(function() { $("

Hello

").appendTo("body"); $("#stop").css("background","yellow"); $("li").toggle( function () { $(this).css({"list-style-type":"disc", "color":"blue"}); }, function () { $(this).css({"list-style-type":"disc", "color":"red"}); }, function () { $(this).css({"list-style-type":"disc", "color":"gray"}); } ); });

 

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

Change colors
span

div1

div2

div3

div4

Stop here

div6

div7

div8

• li1
• li2
• li3
• li4
• li5

 

运行效果如下：

前：

 

后：

 

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