有人可以为我阐明以下内容:
1)我有一个动态创建的html表。它有30多列和100多行。我已经能够使用箭头按钮在表格的单元格中导航。当我移动到下一个单元格时,我将焦点设置到新单元格,并且还更改单元格的边框。
我应该使用.addClass(' className')和.removeClass(' className')还是应该使用.css(' border',' ; 1px solid')更改单元格的边框。
两者在浏览器重绘方面是否相似?一个比另一个好吗?
2)如果相反,我点击另一个单元格而不是使用箭头移动到单元格,我想清除以前的单元格边框。因为我没有引用旧单元格,所以我最终必须清除整个表格。边境,这可能是一种矫枉过正。
基本上,当我点击它或箭头时,在单元格周围放置边框的最佳实现是什么?并删除它的最佳方法是什么?我注意到有点滞后,我不知道浏览器是否因为addClass和removeClass而重新绘制页面。
提前致谢
答案 0 :(得分:3)
两者在浏览器重绘方面是否相似?
重绘是一种重绘,无论是什么原因造成的。
一个优于另一个吗?
第一个 - 因为它更好地区分逻辑和表示。
也许下周你想要一个2px边框,或者一个虚线边框,或者添加一个背景颜色 - 所以你只需更改你的CSS,并保持脚本逻辑不变。
如果相反,我点击另一个单元格而不是使用箭头移动到单元格,我想清除以前的单元格边框。因为我没有对旧单元格的引用,所以我最终必须清除整个“table tr”边界,这可能是一种过度杀伤。
那么为什么不保留对先前突出显示的单元格的引用??