CSS-DOM操作

1.css()

$('p').css('color');//获取<p>元素的字体颜色

$('p').css('color','red');//设置<p>元素的字体颜色为红色

$('p').css({'font-size':'30px','color':'red'});//设置<p>元素多个样式属性

---

2.offset()

获取元素在当前视图的相对偏移，返回对象包含俩个属性，即top和left，只对可见元素生效

var $p=$('p').offset();//获取<p>元素的offset()

var left=$p.left;//获取左偏移

var top=$p.top;//获取右偏移

---

 

3.position()

获取元素相对于最近的一个position样式属性设置为relative或者absolute的祖父节点的相对偏移，返回对象包含俩个属性，即top和left

var $p=$('p').position();//获取<p>元素的position()

var left=$p.left;//获取左偏移

var top=$p.top;//获取右偏移

---

4.scrollTop()和scrollLeft()

分别获取元素的滚动条距顶端的距离和距左侧的距离。

var $p=$('p');

var scrollTop=$p.scrollTop();//获取元素的滚动条距顶端的距离

var scrollLeft=$p.scrollLeft();//获取元素的滚动条距左侧的距离

$('textarea').scrollTop(300);//元素的垂直滚动条滚动到指定的位置

$('textarea').scrollLeft(300);//元素的横向滚动条滚动到指定的位置