微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

$.css()

jQuery的$.css()方法用于操作元素的CSS属性

@H_404_2@

$。css()

语法如下:

$(selector).css(propertyname);

其中,selector为要操作的元素,propertyname为要获取或设置的CSS属性名。

如果只传入一个参数,则返回被选元素的CSS属性值。

// 获取p元素的color属性值
var color = $('p').css('color');

如果传入两个参数,则设置被选元素的CSS属性值。

// 设置p元素的color属性值为红色
$('p').css('color','red');

如果第二个参数为函数,则会在每个元素上执行该函数,并将函数的返回值作为CSS属性值。

// 将p元素的font-size属性增加5px
$('p').css('font-size',function(index,value) {
  return parseInt(value) + 5 + 'px';
});

此外,还可以传入一个对象,以一次性设置多个CSS属性值。

// 设置p元素的多个CSS属性值
$('p').css({
  'color': 'red','font-size': '20px','text-align': 'center'
});

总之,$.css()方法是非常强大和方便的,可以帮助我们轻松地操作元素的CSS属性

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。