问题描述

用jQuery对一个th标签添加属性或样式！！！急！！！

现在有许多th，table使用自定义标签拼接好的，现在我想对这些th添加事件，
点击一次让th内容的后边加上一个向上箭头，再次点击，将向上箭头改为向下箭头。求教各位大神，该怎么做，另外有没有好看的向上向下箭头的样式源码分享一下，非常感谢。

解决方案

jQuery改变标签的样式一般有3种
1，预置好class，然后通过jQuery改变元素的class名，使用的是addClass、removeClass
2，直接改变元素的css属性值，这种是通过添加style实现的，使用的是css方法
3，修改style属性值，通过attr方法
示例(假设以下标签的id都是test)：
1.假设有一class名为class1，已经在css中写好样式
$('#test').addClass('class1');
2.让元素文字变为红色（css设置一个值）
$('#test').css('color','red');
3.让元素文字变为红色，同时宽度为100px（css设置多个值）
$('#test').css({color:'red',width:'100px'});
4.直接修改style属性（不常用）
$('#test').attr('style','color:red;width:100px');

解决方案二：

a标签样式 和 a标签属性

解决方案三：

直接设置th增加↓↑内容就好了

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script>
<table><tr><th>head1</th><th>head2</th></tr></table>
<script>
$('th').click(function(){
var s=this.innerHTML;
var isUp=s.indexOf('↑')!=-1
s=s.replace(/[↓↑]/g,'')
this.innerHTML=s+(isUp?'↓':'↑')
})
</script>