Question

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

Answer 1

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

<强> 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

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

2 个答案: