3.2.12: jQuery的DOM操作之CSS-DOM操作

CSS-DOM技术简单来说就是读取和设置style对象的各种属性。style属性很有用，但最大不足是无法通过它来提取到通过外部CSS设置的样式信息，然而在jQuery中，这些都是非常的简单。

可以直接利用css()方法获取元素的样式属性：

$("p").css("color")

也可以直接利用css()方法设置某个元素的单个样式：

$("p").css("color","blue");

与attr()方法一样，css()方法也可以同时设置多个样式属性：

$("p").css({"color":"red","font-weight":"bold","opacity":"0.2"});

此外，在CSS-DOM中，还有以下几个经常使用的方法：

1. offset()方法：

它的作用是获取元素在当前视窗的相对偏移，其中返回的对象包含两个属性，即top和left，它只对可见元素有效。

<script src="jQuery/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var $offset=$("p").offset();
alert($offset.left);
alert($offset.top);
});
</script>

2. position()方法：