javascript - 通过鼠标单击更改表格颜色

Question

我想在鼠标单击事件发生时更改特定的 html 表格单元格颜色。无论是 CSS 还是 Javascript，哪一个最适合我的需求？

Answer 1

这是发生鼠标单击事件时更改特定 html 表格单元格颜色的 jquery 函数。

代码：

$(document).on('click', '#TABLEID', function(e){
         $(e.target).css('background','#6688ff');
});

演示：

http://jsfiddle.net/Ra2VP/

Answer 2

请参阅此以在表格行上创建点击事件。

http://stackoverflow.com/questions/1207939/adding-an-onclick-event-to-a-table-row

使用 css 设置表格的颜色或通过，

mycurrent_row.style.backgroundColor = "#EEF4EA";

Answer 3

这是一个应该可以解决问题的jquery函数

$(document).on('click', '#tableID', function(e){
         $(this).css('background','#000080');
    });

Answer 4

你可以这样使用

$('td').click(function(){
    $(this).css('background-color','red');
    $('td').not($(this)).css('background-color','white');
});

看这个演示