css()方法

本文详细介绍了 jQuery 中的 css() 方法,包括如何返回或设置样式属性的值。具体讲解了单个样式属性的读取与设置、使用函数设置样式以及批量设置多个样式属性的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

定义和用法

css()方法返回或设置匹配的元素的一个或多个样式属性。

1.返回第一个匹配的css属性值。

注意,当用于返回一个值时,不支持简写的css属性。

语法:$(selector).css(name)

2.设置所有匹配元素的指定css属性。

语法:$(selector).css(name,value)

3.使用函数来设置css属性(强大)

设置所有匹配的元素中样式属性的值。

此函数返回要设置的属性值。接受两个参数,index为元素在对象何种的索引位置,value是原先的属性值。

语法:$(selector).css(name,function(index,value))

例子:

逐渐增加div的宽度

$("div").click(function(){

    $(this).css("width",function(index,value){return parseFloat(value)*1.2;});

});

4.设置对个css属性/值对

把“名/值对”对象设置为所有匹配元素的样式属性

这事一种在所有匹配的元素上设置大量样式属性的最佳方式。

语法:$(selector).css({property:value,property:value,...})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值