javascript - 如何使用 javascript 或 jquery 更改 html 元素的 css 属性

Question

如何从 javascript 更改 CSS。

我正在使用 jQuery-ui Dialog，我想从 javascript 更改 DIV 的样式。

谢谢

Answer 1

查看 the jQuery documentation .如果你想要什么，它就会在那里。

无论如何，如果你想给元素添加样式，你需要使用 css 函数，它有几个变体。

$(selector).css(properties);  // option 1
$(selector).css(name, value); // option 2

因此，如果您有一个 ID 为“mydiv”的 DIV，并且您希望将背景设为红色，您可以这样做

$("div#mydiv").css({'background-color' : 'red'}); // option 1
$("div#mydiv").css('background-color','red');     // option 2

如果您同时设置多项内容，第一种方法会更简单。

如果您想检查当前设置的属性，您可以使用第二个选项的变体，只需省略该值即可。

var color = $("div#mydiv").css('background-color');

例如，如果您已经在上面设置了它，将使 var color 成为 red。

你也可以添加和删除类，做一些类似的事情

$(selector).addClass(class_name);
$(selector).removeClass(class_name);