首页 > Web开发 > 详细

jQuery css详解

时间:2014-06-18 22:28:12      阅读:483      评论:0      收藏:0      [点我收藏+]

今天确确实实是放了一天假,喝了点小酒,看了天天向上和快乐大本营以及中国好舞蹈,越来越热爱舞蹈了,还是总结一篇吧。

@jquery css

css(name|pro|[,val|fn):访问或设置匹配元素的样式属性

1 $("div").click(function(){
2     $(this).css({width:20px,height:30px})
3 });

offset([coordinates]):获取匹配元素在当前视口(body)的相对偏移

1 <p>hello baby</p>
2 
3 $("p").html("left:"+offset.left+",top:"+offset.top);
4 
5 // offset().left就相当于与body的Margin-left
6 //offset().top就相当于与body的Margin-top

position():获取或设置匹配元素相对父元素的偏移

1 $("p").html("left:"+$("p").position().left);
2 
3 //position().left相当于与当前父元素的Margin-left;
4 //position().top相当于与当前父元素的Margin-top;

scrollTop([val]):获取匹配元素相对于滚动条顶部的偏移;

scrollLeft([val]):获取匹配元素相对于滚动条左部的偏移;

height(val|fn):取得或设置匹配元素当前计算的高度值(高度)

1 $("p").height(20);

width(val|fn):取得或设置匹配元素当前计算的宽度值(宽度);

innerHeight():获取第一个匹配元素内部区域高度(高度+补白)

innerWidth():获取第一个匹配元素内部区域宽度;

outerHeight([options]):获取第一个匹配元素外部高度;

1 <p>HELLObaby</p>
2 
3 $("p").html("outerHeight:"+$("p").outerHeight()+",outerHeight(true):"+$("p").outerHeight(true));
4 
5 //outerHeight() 表示高度+补白+边框,当参数为true时,表示高度+补白+边框+边距;

outerWidth([options]):获取第一个匹配元素的外部宽度;

总结还不够精炼,还需要逐步完善!!

jQuery css详解,布布扣,bubuko.com

jQuery css详解

原文:http://www.cnblogs.com/eyeSpace/p/3790219.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!