jQuery CSS 样式属性
css(name) 访问第一个匹配元素的样式属性。
返回值 : String
参数 : name (String) : 要访问的属性名称
示例 : 取得第一个段落的color样式属性的值。
jQuery 代码:
$("p").css("color");
--------------------------------------------------------------------------------------------------------------
css(properties)
把一个“名/值对”对象设置为所有匹配元素的样式属性。这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
参数 :
properties (Map) : 要设置为样式属性的名/值对
示例 : 将所有段落的字体颜色设为红色并且背景为蓝色。
jQuery 代码:
$("p").css({ color: "#ff0011", background: "blue" });
如果属性名包含 "-"的话,必须使用引号:
jQuery 代码:
$("p").css({ "margin-left": "10px", "background-color": "blue" });
--------------------------------------------------------------------------------------------------------------
css(name,value)
在所有匹配的元素中,设置一个样式属性的值。数字将自动转化为像素值
参数 :
name (value) : 属性名
value (String, Number) : 属性值
示例 : 将所有段落字体设为红色
jQuery 代码:
$("p").css("color","red");
--------------------------------------------------------------------------------------------------------------
css(name,function(index,value))
在所有匹配的元素中,设置一个样式属性的值。数字将自动转化为像素值。
参数 :
name (value) : 属性名
function(index, value) (Function) : 此函数返回要设置的属性值。接受两个参数,index为元素在对象集合中的索引位置,value是原先的属性值。
示例 : 逐渐增加div的大小
jQuery 代码:
$("div").click(function() {
$(this).css({
width: function(index, value) {
return parseFloat(value) * 1.2;
},
height: function(index, value) {
return parseFloat(value) * 1.2;
}
});
});
posted on 2011-02-20 14:43 GeorgeWang 阅读(676) 评论(0) 编辑 收藏 举报