jquery 监听div高度

请直接看如下代码和解释：

<div>jquery 监听div高度</div>
<input type="button" onclick="reset()" value="jquery 监听div高度">

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">

    //获得最初值
    var width = $("div").width();
    var height = $("div").height();
    var cwidth = $("div").width();
    var cheight = $("div").height();

    function reset(){
        //此处改变div宽高
        $("div").width(200);
        $("div").height(200);
        //此处获得当前div宽高
        cheight = $("div").width();
        cheight = $("div").height();
        //判断原先div的宽高与当前是否相同，只要有一个不同则弹出提示框
        if(width!=cwidth || height!=cheight) {
            alert("jquery 监听div高度");
        }
    }    
</script>

效果如下:

PS：此处只是以点击的时候改变宽高为例，具体在实际情况中可以通过设置定时器来实时监听高度的变化，
从而处理自己所需处理的逻辑问题，希望对您有所帮助。