单击鼠标时表颜色更改

时间:2013-08-13 04:55:20

标签: javascript html css

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

4 个答案:

答案 0 :(得分:0)

这是一个应该做技巧的jquery函数

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

答案 1 :(得分:0)

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

<强> CODE:

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

<强>样本:

http://jsfiddle.net/Ra2VP/

答案 2 :(得分:0)

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

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

使用css设置表格的颜色或

mycurrent_row.style.backgroundColor = "#EEF4EA";

答案 3 :(得分:0)

你可以这样使用

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

请参阅此demo