获取div高度和宽度以及设置高度和宽度
用户投稿 学习笔记 223阅读
获取高度和宽度
var content = $(‘div’). width();//只是获取content宽度 var contentWithPadding = $(‘div’). innerWidth();//获取content+padding的宽度 var withoutMargin = $(‘div’). outerWidth();//获取content+padding+border的宽度 var full = $(‘div’). outerWidth(true);//获取content+padding+border+margin的宽度
------------------------------------------------------------------------------------------
1. $("#div_id").height(); // 获得的是该div本身的高度, (不包含padding,margin,border) 2. $("#div_id").outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度) 3. $("#div_id").outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度
设置高度和宽度
$("div").height(300);//直接设置元素的高
$("div").css("height", "300px");//通过设置CSS属性来设置元素的高
标签: