失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html如何td的背景颜色 如何使用JavaScript / jQuery更改特定TD的背景颜色?

html如何td的背景颜色 如何使用JavaScript / jQuery更改特定TD的背景颜色?

时间:2020-09-25 06:38:35

相关推荐

html如何td的背景颜色 如何使用JavaScript / jQuery更改特定TD的背景颜色?

尝试这个…

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的背景颜色?》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。