jQuery操作css方法

作者：System 时间：2024年08月08日分类：所有,jquery 字数：667

这篇文章距离上次修改已过277天，其中的内容可能已经有所变动。

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方法

评论已关闭

推荐阅读