尝试这个…
jQuery的
$('td').click(function() {
$(this).css('backgroundColor','#000');
});
…要么….
$('table').on('click','td',function() {
$(this).css('backgroundColor','#000');
});
JavaScript的
[].forEach.call(document.getElementsByTagName('td'),function(item) {
item.addEventListener('click',function() {
item.style.backgroundColor = '#000';
},false);
});
…要么…
var table = document.getElementsByTagName('table')[0];
var changeStyle = function(e) {
if (e.target.tagName == 'td') {
e.target.style.backgroundColor = '#000';
}
};
table.addEventListener('click',changeStyle,false);
后面的例子只绑定一个事件处理程序.
添加一个类可能会更好,因此您可以在样式表中指定样式,而不是将演示文稿和行为层相结合.
jQuery的
$('td').click(function() {
$(this).addClass('active');
);
…要么….
$('table').on('click',function() {
$(this).addClass('active');
});
CSS
td.active {
background: #000;
}
这不行的原因…
οnclick="$(this).onmousedown('background-color','black')">
SomeText
…是因为jQuery对象没有onmousedown()事件(虽然有mousedown()).
如果觉得《html如何td的背景颜色 如何使用JavaScript / jQuery更改特定TD的背景颜色?》对你有帮助,请点赞、收藏,并留下你的观点哦!