JQUERY获取元素高度、宽度、偏移量

$(obj).scroll():元素滚动事件;
$(window).resize():浏览器窗口伸缩事件;
$(obj).scrollTop():获取滚动距离(上侧);
$(obj).scrollLeft():获取滚动距离(左侧);

$(obj).offset().top:获取元素到页面顶端的距离;
$(obj).offset().left:获取元素到页面左侧的距离;
$(obj).position().top:获取元素到父元素顶端的距离;
$(obj).position().left:获取元素到父元素左侧的距离;
// 可看下图帮助理解

$(obj).width():获取元素width;
$(obj).innerWidth():获取元素width+padding;
$(obj).outerWidth():获取元素width+padding+border;
$(obj).outerWidth(true):获取元素width+padding+border+margin;

$(obj).height():获取元素height;
$(obj).innerHeight():获取元素height+padding;
$(obj).outerHeight():获取元素height+padding+border;
$(obj).outerHeight(true):获取元素height+padding+border+margin;

JQUERY获取元素高度、宽度、偏移量_第1张图片

你可能感兴趣的:(JQUERY)