$("p").css({ color: "#ff0011", background: "blue" });
3.屬性名稱,屬性值(在版本1.4加入的)
$("p").css("color","red");
4.我們主要介紹第四種
(1):屬性名稱
(2):此函數返回要設定的屬性值。接受兩個參數，index為元素在對象集合中的索引位置，value是原先的屬性值。
我們舉一個例子來示範一下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title>表單操作</title> <script type="text/javascript" src="jquery-1.10.1.js"></script> <script type="text/javascript"> $(function() {$("#btn").click(function(){ $("#abc").css({ color:function(index,value){ if("rgb(255, 0, 0)"==value) return "black";else return "red"; } });}); }); </script> </head> <div id="abc" style="color:red">aaaa</font></div> <input type="button" id="btn" value="changeColor"> <body> </body></html>
5.當然這樣每次都調用css顯得有些麻煩，jquery為我們封裝好了一些常用的方法，以height方法舉例：
設定CSS中 'height' 的值，可以是字串或者數字，還可以是一個函數，返回要設定的數值。函數接受兩個參數，第一個參數是元素在原先集合中的索引位置，第二個參數為原先的高度。
以 10 像素的幅度增加 p 元素的高度
$("button").click(function(){ $("p").height(function(n,c){ return c+10; }); });
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
