请问要怎么用JQ获取一个div的高度在赋值给样式里的top值？

Question

一个小弹窗，弹窗里的文字不固定，但是一直在屏幕中央显示。
<div class="r002">
<p>获取这个窗口的高度</p>
<p>获取这个窗口的高度</p>
</div>
样式是
.r002{
text-align: center;
position: fixed;
top: 100px;
left: 100px;
background-color: pink;
padding: 0 10px;
}
我想知道具体代码，谢谢！

Answer 1

第一步, 获取你要得到高度的那个div的jQuery对象,，通过id获得: $("#div_id")；第二步, 要看要得到的是什么高度了， jQuery里现有的三个(其实是两个)获得高度的方法是: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上下的总高度。