javascript里怎么在文字标签上实现颜色的选中，类似excel的格子的效果

excel格子的边框效果？什么意思？选中后边框加粗？的结合js才行

<style>
td.focus{background:#999}
</style>
<table border=1"><tr><td>111</td><td>111</td><td>111</td><td>111</td></tr></table>
<script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
<script>
$('td').click(function(){
$('td').removeClass('focus');this.className='focus'
})
</script>

如果是修改选中文字颜色用selection选择器：https://www.cnblogs.com/baixc/p/4598747.html

利用css选择器focus，当元素聚焦时，改变背景颜色。

td:focus {
  background-color: yellow;  // 颜色可自定义
}