jQuery操作css方法

jQuery的.css()方法用于获取或设置样式属性。

获取样式属性：




$(selector).css(propertyName);

propertyName是你想获取的CSS属性名称的字符串。

设置样式属性：




$(selector).css(propertyName, value);

propertyName是CSS属性名称的字符串，value是要设置的值。

设置多个样式属性：




$(selector).css({
  propertyName1: value1,
  propertyName2: value2,
  // ...
});

这里使用一个对象来设置多个属性和值。

示例代码：




// 获取元素的背景颜色
var bgColor = $('#myElement').css('background-color');
 
// 设置元素的文字颜色为白色
$('#myElement').css('color', 'white');
 
// 同时设置多个样式属性
$('#myElement').css({
  'background-color': 'blue',
  'font-size': '14px',
  'border': '1px solid black'
});

jQuery操作css方法

评论已关闭

推荐阅读