css() 方法设置或返回被选元素的一个或多个样式属性。
1.返回 CSS 属性
css("propertyname");
alert($('div').css('width'));
2.设置 CSS 属性
css("propertyname","value");
$('div').css('height','100px');
属性和值要加引号,中间用逗号隔开
可以更改改属性的值。
3.设置多个 CSS 属性
css({"propertyname":"value","propertyname":"value",...});
$('div').css({'height':100,'background':'blue'});
多组属性用 大括号 包裹, 里面属性之间用 逗号隔开, 而属性和值中间用 冒号隔开
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
div{
width:200px;
height:200px;
background-color:#0F0;
}
</style>
<script src="jquery-1.11.3.min.js" type="text/javascript"></script>
<script>
$(function(){
//alert($('div').css('width')); //返回CSS属性
//$('div').css('height','100px');//更改CSS属性的值
$('div').css({'height':300,'background-color':'yellow'});//更改CSS多个属性的值:多组属性用 大括号 包裹, 里面属性之间用 逗号隔开, 而属性和值中间用 冒号隔开
})
</script>
</head>
<body>
<div></div>
</body>
</html>