HTML代码:
<div id="box">
<p>哈哈,随便写点内容</p>
<p>删除的实例</p>
<p>蛮试试看</p>
</div>
<button id="btn">点击</button>
CSS:
#box {
border: 1px solid #ccc;
background: #fefefe;
width: 400px;
height: 200px;
padding: 10px;
margin: 10px;
}
1.width(),height()
// width$('#box').width(); //
$('#box').height(); //
2.innerWidth(),innerHeight()
// width + padding$('#box').innerWidth(); //
$('#box').innerHeight(); //
3.outerWidth(),outerHeight()
// width + padding + border$('#box').outerWidth(); //
$('#box').outerHeight(); //// width + padding + border + margin$('#box').outerWidth(true); //
$('#box').outerHeight(true); //
注意: 当outerWidth(true),outerHeight(true)参数true时,
outerWidth(true) 方法返回元素的宽度(包括内边距、边框和外边距)。
outerHeight(true) 方法返回元素的高度(包括内边距、边框和外边距)。