按钮换样式java_jQuery实现的点击按钮改变样式功能示例

本文实例讲述了jQuery实现的点击按钮改变样式功能。分享给大家供大家参考，具体如下：

1. css代码：index4.css

@CHARSET "UTF-8";

.sd{

font-weight: bold;

color: black;

background: red;

}

2. jsp代码：index4.jsp

Stringpath = request.getContextPath();

StringbasePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

My JSP 'index4.jsp' startingpage

function clicks(){

// $("#table").toggleClass("sd");

$("#table").addClass("sd");

}

function removeClicks() {

$("#table").removeClass("sd");

}

运行效果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试一下运行效果。

希望本文所述对大家jQuery程序设计有所帮助。