定义和用法
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,...})