CSS-DOM操作

2019独角兽企业重金招聘Python工程师标准>>>

一.css()方法:例

1.$('p').css('color','red');     2.$('p').css({'fontSzie':'30px','backgroundColor':'#888888'});

注意:(1)如果是数字值,将会自动转化为像素值

(2)在css()方法中,如果属性中带有'-'符号,例如font-size和background-color属性,如果在设置这些属性的值的时候不带引号,那么就要用驼峰式写法,例如$('p').css({fontSzie:'30px',backgroundColor:'#888888'}),如果带了引号,既可以写成'font-size',也可以写成'fontSize'

二.offset()方法:获取元素在当前视窗的相对偏移,其中返回的对象包含两个属性,即top和left,它只对可见元素有效.

var offset = $('p').offset();//获取元素p的offset()
var left = offset.left;      //获取左偏移
var top = offset.top;        //获取右偏移

三.position()方法:获取元素相对于最近的一个position样式属性设置为relative或者absolute的祖父节点的相对偏移,和offset()一样,它返回的对象也包含top和left属性

四.scrollTop()和scrollLeft()方法:分别获取元素的滚动条距顶端的距离和距左侧的距离,例

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

此外这两个方法还支持一个参数,控制元素的滚动条滚动到指定的距离

$('textarea').scrollTop(300);//元素的垂直滚动条滚动到指定距离
$('textarea').scrollLeft(300);//元素的水平滚动条滚动到指定距离

 

转载于:https://my.oschina.net/langgege/blog/1544801