jquery里面写css,读写 HTML 元素的 css 属性

jQuery 的 css()方法用来设置或读取 HTML 元素的 css 属性。

读取元素的 CSS 语法语法如下：

css(“propertyname“);

比如下面代码取得第一个

元素的背景颜色。

$("p").css("background-color");

使用下面的语法来设置 HTML 元素的 CSS 属性：

css(“propertyname“,”value“);

例如，下面代码为所有

元素设置背景色为黄色。

JQuery Demo

$(document).ready(function () {

$("button").click(function () {

$("p").css("background-color", "yellow");

});

});

This is a heading

This is a paragraph.

This is a paragraph.

This is a paragraph.

This is a paragraph.

Set background-color of p

css()也支持同时多个 CSS 属性：其语法如下：

css({“propertyname“:”value“,”propertyname“:”value“,…});

比如：

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