jQuery css樣式操作
css樣式操作
$().css(name，value);?? //設(shè)置
$().css(name);????? //獲取
$().css(json對象);? //同時修改多個css樣式
css()樣式操作特點：
① 樣式獲取，jquery可以獲取 行內(nèi)、內(nèi)部、外部的樣式。
dom方式只能獲得行內(nèi)樣式
② 復(fù)合屬性樣式需要拆分為"具體樣式"才可以操作
例如：? background 需要拆分為? background-color background-image 等進行操作
border： border-left-style? border-left-width? border-left-color 等
margin： margin-left? margin-top 等
<!DOCTYPE html>
<html>
<head>
<title>php.cn</title>
<meta charset="utf-8" />
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
function f1(){
alert($('div').css('background-color'));
}
function f2(){
$('div').css('background-color','red')
}
function f3(){
var jn={'width':'300px','height':'300px'};
$('div').css(jn);
}
</script>
</head>
<body>
<div style="width:200px; height:150px; background-color:lightblue;">歡迎大家學(xué)習(xí)jQuery</div>
<input type="button" value="獲取背景色" onclick="f1()" />
<input type="button" value="設(shè)置背景色" onclick="f2()" />
<input type="button" value="批量設(shè)置" onclick="f3()" />
</body>
</html>
