CSS-DOM操作

一.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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值