jQuery学习笔记_05

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);

第五课…