Question

哪种方法更有效地改变对象的颜色？例如，我将使用元素

1）在加载jQuery的类时添加一个类（删除可能已存在的其他颜色）

＆＃13;

var element = $('div');
element.removeClass("red");
element.removeClass("blue");
element.removeClass("green");

var newColor = "red green or blue";
element.addClass(newColor);

＆＃13;

<div></div>

＆＃13;

2）添加颜色字段并使用css选择器进行检查

＆＃13;

div[data-color=green] {
  background-color: green;
  }

div[data-color=red] {
  background-color: red;
  }

div[data-color=green] {
  background-color: blue;
  }

＆＃13;

<div data-color="green"></div>

＆＃13;

哪个更好？有没有更好的方法，我没有提到？谢谢！

Answer 1

两种方法都相同，但是，我想到的第一个选项是不弄乱自定义属性或类，而是直接更改内联样式：

var el = $('el')
el.css('background-color', '#FF0000')

动态更改元素颜色的最佳方法

1 个答案: