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

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

1.钢性铸铁代码：index4.css

@ CHARSET ' UTF-8 '；SD { font-weight :粗体；颜色：黑色；背景：红色；}2.jsp代码：index4.jsp

“% @”页面语言=“Java”导入=“Java”。乌提尔。*“页面编码=”UTF-8“% % StringPath=请求。getcontextpath()；StringbasePath=请求。getscheme()' ://'请求。getservername()“:”请求。' getserverport()'路径'/';%!DOCTYPE HTML PUBLIC '-//W3C//DTDHTML 4.01 Transitional//EN ' HTML head base href=' %=base path % ' rel=' external no follow ' title my JSP ' index 4。JSP '起始页/标题meta http-equiv=' pragma '内容=' no-cache ' meta http-equiv=' cache-control '内容=' no-cache ' meta http-equiv=' expires '内容=' 0 ' meta http-equiv=' keywords '内容='添加样式onclick=' clicks()'//label labelinput type=' button ' name=' Submit 2 ' value='移除样式onclick=' remove clicks()'//label/div/TD/tr/table脚本类型='text/javascript '函数clicks(){/$(' # table ').切换类(' SD ')；$('#table ').add CLaSS(' SD ')；}函数remove clicks(){ $(“# table”).移除CLaSS(' SD ')；}/脚本/正文/html运行效果：

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

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery页面元素操作技巧汇总》 、 《jQuery常见事件用法与技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

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