可以用jquery 的属性操作 attr() 来实现。例如衡阳的id为"hy"(这里采用点击事件)：
专注于为中小企业提供网站制作、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业渭城免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了1000+企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
$(document).ready(function(){
$("#hy").click(function(){
$("#hy").attr("style","background-color:orange;");
})
})//点击衡阳的时候背景色就变成了orange
如果已有把style封装成class样式那只要改成：
$("#hy").attr("class","封装好的类");进行替换就可以了。资料参考地址：
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的script标签，输入jquery代码：
$('td').click(function(){
if ($(this).css('background-color') === 'rgb(255, 0, 0)') {
$(this).css('background-color', 'white');
} else {
$(this).css('background-color', 'red');
}
});
3、浏览器运行index.html页面，点击td，背景颜色变为红色。
4、再次点击td，背景颜色变回了原先的白色。
1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用textarea标签创建一个文本域，用于测试。
3、在test.html文件内，设置textarea标签的id为mycc。
4、在test.html文件内，创建一个按钮，给按钮绑定onclick事件，当按钮被点击时，执行editColor函数。
5、在js标签内，创建editColor函数，通过id获得textarea对象，使用css()方法设置color属性为red，即设置textarea字体颜色为红色。
6、在浏览器打开test.html文件，点击按钮，查看实现的效果。
改变颜色，常用的就这几个：字体颜色（color）、背景颜色（background-color）、边框颜色(border-color)。
首先是触发事件，这个可以有也可以没有，如果有触发事件比如点击按钮才会触发，如果没有，那么页面加载之后自动就会改变颜色
然后就是通过JQ改变颜色，那么必须先获取这个元素，可以通过class、id、标签名称（当然这3个是常用的，还有非常多的选择方式），：比如$('.btn')、$('#btn')、$('div');
实现语句就是$('.btn').css('color','#777'),这段代码的意思就是class为btn的元素字体颜色改为#777.
