jQuery的css() 方法使用指南

下面是“jQuery的css() 方法使用指南”的完整攻略：

什么是css()方法

css() 方法是 jQuery 中一种设置或返回被选元素的一个或多个 CSS 属性的方法。

语法

css(propertyName)：返回属性值。

css(propertyName, value)：设置属性值。

css({propertyName:value, propertyName:value,...})：设置多个属性值。

参数说明

propertyName：必须。规定要设置或返回的一个或多个样式属性名。

value：可选。规定要设置的样式属性值。

实例演示

例1：获取指定元素的某个属性值

假设有如下HTML代码：

<div id="test" class="item">hello, world</div>

我们可以通过以下jQuery代码获取到div元素的宽度：

var width = $('#test').css('width');
console.log(width); //输出div的宽度值

例2：设置指定元素的多个属性值

假设有如下HTML代码：

<div id="test" class="item">hello, world</div>

我们可以通过以下jQuery代码设置div元素的颜色和字体大小：

$('#test').css({
  'color': 'red',
  'font-size': '16px'
});

总结

通过上面两个示例可以看到，css() 方法可以用于获取和设置元素的 CSS 样式属性。其语法简单，易于使用。如果你想获取或设置某个元素的样式属性，可以尝试使用这个方法。