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

原文地址:https://www.cnblogs.com/astar/p/1330226.html