javascript - 如何通过单击更改项目颜色？

Question

我是编程新手，我想在单击项目颜色时将其更改为一系列颜色。我相信这可以通过 CSS、javascript 或 JQuery 来完成。哪个效率最高？

Answer 1

这是一个简单的例子，所有包含该类的元素colorable在单击时都会添加另一个类red，这会改变文本的颜色。

jsFiddle

HTML

<div class="colorable">Color me in</div>

CSS

.red {
    color:red;
}

JavaScript（使用 jQuery）

$('.colorable').click(function () {
    $(this).addClass('red');
});

Answer 2

如果您想要随机颜色，可以执行以下操作：

HTML

<div id="button">Button</div>

CSS

div { user-select: none; }

JavaScript

var button = document.getElementById('button');

button.addEventListener('click', changeColor, false);

function changeColor() {
    this.style.color = '#'+Math.floor(Math.random()*16777215).toString(16);
}

jsFiddle