首页 > 代码库 > jQuery css详解
jQuery css详解
今天确确实实是放了一天假,喝了点小酒,看了天天向上和快乐大本营以及中国好舞蹈,越来越热爱舞蹈了,还是总结一篇吧。
@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-left6 //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]):获取第一个匹配元素的外部宽度;
总结还不够精炼,还需要逐步完善!!
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。