width() height()
获取或者设置元素的宽高,这个宽高不包括padding/border/margin
并且结果是一个准确的数值。
css() 方法也能获取宽高,但是是以字符串的形式
innerWidth() innerHeight()
返回元素的宽度和高度包括内边距
outerWidth() outerHeight()
返回元素的宽度/高度(包括内边框和边框)
outerWidth(true) outerHeight(true)
返回元素的宽度/高度(包括内边距、边框、外边距)
offset()
获取会得到一个对象,对象里面包含了top和left的值
offset方法获取元素距离doucument的位置
$('#btn1').click(function(){
console.log($('#son').offset());
});
结果:
position()
获取会得到一个对象,对象里面包含了top和left的值
position方法获取的是元素距离有定位父元素(offsetParent)的位置
$('#btn2').click(function(){
console.log($('#son').position());
});
scrollLeft()
表示元素内容被卷曲出去的宽度
scrollTop()
表示元素内容被卷曲出去的高度
console.log($('div').scrollLeft()+':'+$('div').scrollTop());//获取
设置元素内容被卷曲出去的高度或者宽度
$('div').scrollLeft(217);
$('div').scrollTop(217);
//获取页面被卷曲的高度
$(window).scrollTop();
//获取页面被卷曲的宽度
$(window).scrollLeft();
//设置页面被卷曲出去的距离
$(window).scrollTop(1000);
$(window).scrollLeft(1000);
第五课…