摘要：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jq中操作css属性</title>
<script src="../jquery-3.3.1.min.js"></script>
<style type="text/css">
div{
width: 100px;
height:100px;
float: left;
margin-right: 30px;
background:pink;
}
</style>
<script>
$(document).ready(function(){
//当属性值 出现- 要用驼峰式写法 例如: font-size => fontSize ; line-height => lineHeight
//操作单个css属性 '属性','属性值'
$('.box1').css('color','#fff')
//操作多个css送抓 {'属性':'属性值','属性':'属性值'}
$('.box2').css({
'fontSize':'20px',
'lineHeight':'100px',
'textAlign':'center'
});
$('.box3').css({
'fontSize':'18px',
'lineHeight':'180px',
'textAlign':'right',
'color':'#f0feef'
});
})
</script>
</head>
<body>
<div class="box1">我是div1</div>
<div class="box2">我是div2</div>
<div class="box3">我是div3</div>
</body>
</html>
