首页课程jQuery趣味课堂css属性

css属性

目录列表

CSS()方法

与html()方法类似,可以使用css()方法来获取和设置CSS属性值。

例如:

HTML:

<p>Some text</p>

CSS:

p {
  background-color:red;
  color: white;
}

JS:

$(function() {
  alert($("p").css("background-color"));
  $("p").css("background-color", "blue");
});

上面的代码提醒了段落的background-color属性,然后将其设置为蓝色。


将代码补充完整以设置段落的字体大小和颜色:

$("p").  ("", "16px"); $("p").css("", "blue");

CSS()多属性设置

CSS()多属性设置

要设置多个CSS属性,css()方法使用JSON语法,它是:

css({"property":"value","property":"value",...});

您可以看到,语法由“属性”:“值”对组成,以逗号分隔,并以大括号{}括起来。

例如:

$("p").css({"color": "red", "font-size": "200%"});

这将设置段落的颜色和字体大小属性。

您可以使用此JSON语法指定任意数量的属性。


将代码补充完整以设置div的颜色和宽度属性。

$("div"). ( "color":"red" " ":"50px"});