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

Question

我怎样才能改变CSS从javascript.

我正在使用jQuery-ui Dialog,我想改变DIVjavascript 的风格.

谢谢

Answer 1

查看jQuery文档.如果你想要什么,它会在那里.

无论如何,如果你想为元素添加样式,你需要使用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 设置为上,那么会使var color成为red.

您还可以添加和删除类,执行类似的操作

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