jQuery css樣式操作
css樣式運算
#$().css(name,value); //設定
- $().css(name); //取得
$().css(json物件); //同時修改多個css樣式
css()樣式操作特點:
① 樣式獲取,jquery可以取得行內、內部、外部的樣式。
dom方式只能取得行內樣式
② 複合屬性樣式需要拆分為"具體樣式"才可以操作
例如: background 需要拆分為 background-color background-image 等進行操作
border: border-left-style border-left-width border-left-color 等
<!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;">欢迎大家学习jQuery</div> <input type="button" value="获取背景色" onclick="f1()" /> <input type="button" value="设置背景色" onclick="f2()" /> <input type="button" value="批量设置" onclick="f3()" /> </body> </html>#######