需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签中，输入js代码：
$('td').click(function () {
$('td').css('font-weight', 'normal')
$(this).css('font-weight', 'bold')
})
3、浏览器运行index.html页面，点击“我是A”，此时字体会变粗。
4、再点击“我是B”，此时“我是A”的字体粗度恢复正常，“我是B”的字体变粗。
大哥，你这得是在td中设置color为red吧，要设置文字的样式为red才行吧！如：
<td color="red">123<td> //文字123将不会变成红色<td><span style="color:red">123</span></td> //文字123将变成红色
//jquery写法
$("#re span").attr("style","color:red")
测试了一下，.width()求得的是不包括padding值在内的td宽度，不算是有误差。测试用例私信给你。//js
$(document).ready(function(){
var tdWidth = $("td").eq(0).width()
var paddingLeft = parseInt($("td").eq(0).css("padding-left").replace('px',''))
var paddingRight = parseInt($("td").eq(0).css("padding-right").replace('px',''))
var daijiangeTd = (parseInt($("td").eq(1).offset().left) - parseInt($("td").eq(0).offset().left))
var jiange = daijiangeTd - tdWidth - paddingLeft - paddingRight
$("#td-width").empty().html('td-width:' + tdWidth + 'px')
$("#padding-left").empty().html('padding-left:' + paddingLeft + 'px' )
$("#padding-right").empty().html('padding-right:' + paddingLeft + 'px' )
$("#daijiange").empty().html('带间隔:'+ daijiangeTd + 'px')
$("#jiange").empty().html('间隔:' + jiange + 'px')
})
//css
td{
width:auto
height:100px
border:1px solid #ABC
padding:25px
}
//输出
td-width:32px
padding-left:25px
padding-right:25px
带间隔:86px
间隔:4px
