jq获取元素的宽高（内边距和外边距）

JavaScript053

jq获取元素的宽高（内边距和外边距）,第1张

width()返回元素的宽度

height()返回元素的高度

innerWidth()返回元素的宽度（包括内边距）

innerHeight()返回元素的高度（包括内边距）

outerWidth()返回元素的宽度（包括内边距和边框）

outerHeight()返回元素的高度（包括内边距和边框）

outerWidth(true)返回元素的宽度（包括内边距、边框和外边距）

outerHeight(true)返回元素的高度（包括内边距、边框和外边距）

$(document).height()返回文档（HTML 文档）的高度

$(window).height()返回窗口（浏览器视口）的高度

获取padding方法如下：

$(document).ready(function () {

var $h1 = $('h1')

console.log($h1)

$h1.after($('<div>Padding-top: ' + parseInt($h1.css('padding-top')) + '</div>'))

$h1.after($('<div>Margin-top: ' + parseInt($h1.css('margin-top')) + '</div>'))

})

获取margin方法如下

var margT = jQuery(this).css('margin')

css中padding和margin的区别

margin 外边距

border 边框

padding 内边距

也就是说 设置margin 那么他所占据的空白地方会是在边框外面

var x=document.getElementById("xxx")

x.offsetLeft//到屏幕左边的距离

x.offsetTop//到屏幕上边的距离