jQuery的css()方法用法实例

当使用jQuery的时候，css()方法可以帮助我们改变元素的CSS样式。下面我将详细讲解jQuery的css()方法用法实例，包括语法、参数和实例。

语法

下面是css()方法的语法：

$(selector).css(name, value)

参数

• name: 必须。表示要设置的CSS属性的名称。
• value: 必须。表示要设置的CSS属性的值。

实例

示例1: 改变元素的CSS样式

我们可以使用css()方法改变元素的CSS样式。例如，如果我们想把一个按钮的背景颜色改为蓝色，可以使用如下代码：

<button id="myButton">Click me</button>

$("#myButton").css("background-color", "blue");

上面的代码将会把按钮的背景颜色改为蓝色。

示例2: 设置多个CSS属性

css()方法允许我们同时设置多个CSS属性。例如，我们想把一个div元素的宽度和高度同时设为200像素，它的文本颜色为红色，可以使用如下代码：

<div id="myDiv">This is some text.</div>

$("#myDiv").css({
  "width": "200px",
  "height": "200px",
  "color": "red"
});

上面的代码将会把div元素的宽度和高度同时设为200像素，文本颜色为红色。

至此，我们已经了解了jQuery的css()方法用法实例，希望对你有所帮助。