jQuery入門(4)：CSS相關API

CSS

 這篇簡單，查看以前的文檔時發現還有background,color等API，但是在1.2以後的版本中已經找不到這些了。還是直接用css()好....

CSS
css(name)：訪問第一個匹配元素的樣式屬性

例：$("p").css("color");

 

css(properties)：把一個“名/值對”對象設定為所有匹配元素的樣式屬性。

例：$("p").css({ color: "#ff0011", background: "blue" });

如果屬性名稱包含 "-"的話，必須使用引號: $("p").css({ "margin-left": "10px", "background-color": "blue" });

 

css(name,value)：在所有匹配的元素中，設定一個樣式屬性的值，數字將自動轉化為像素值。

例：$("p").css("color","red");

 

位置
offset()：擷取匹配元素在當前視口的相對位移，返回的對象包含兩個整形屬性：top 和 left。此方法只對可見元素有效

<p>Hello</p><p>2nd Paragraph</p>

代碼:

var p = $("p:last");

var offset = p.offset();

p.html( "left: " + offset.left + ", top: " + offset.top );

結果:<p>Hello</p><p>left: 0, top: 35</p>

 

寬高
height()：取得第一個匹配元素當前計算的高度值（px）。可以用來擷取window 和 document 的高

代碼:$("p").height();

代碼:$(document).height(); //擷取文檔的高

 

height(val)：為每個匹配的元素設定CSS高度(hidth)屬性的值。如果沒有明確指定單位（如：em或%），使用px

代碼:$("p").height(20);

 

width()：取得第一個匹配元素當前計算的寬度值（px）。可以用來擷取window 和 document 的高

width(val)：為每個匹配的元素設定CSS寬度(width)屬性的值。