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)属性的值。