JQuery如何监听一个DIV宽高的变化?

我推荐你一个jquery重新封装resize代码,它可以监控几乎所有的HTML标签,比如text、p、div、span等。
$(function(){//绑定resizeevent。
当任意testelement的size改变时,更新其//对应的infodiv。
$('.test').resize(function(){varelem=$(this);//更新infodivwidthandheight-replacethiswithyourowncode//todosomething有用!elem.closest('.container').find('.info').text(this.tagName+'width:'+elem.width()+',height:'+elem.height());});//立即更新所有infodiv。
$('.test').resize();//Addtextafterinline"addtext"links.$('.add_text').click(function(e){e.preventDefault();$(this).parent().append('添加更多文本以展开父容器!');

jquery怎么调用$(window).resize(function())这个函数

resize()函数用于将处理函数绑定到每个匹配元素的调整大小事件。
该函数还可用于触发调整大小事件。
您还可以将其他数据传递给事件处理程序。
当调整元素大小时会触发resize事件。
此事件通常用于窗口对象(浏览器窗口)或框架页面。
您还可以通过为同一元素多次调用此函数来绑定多个事件处理程序。
当resize事件发生时,jQuery按照绑定的事件处理函数的绑定顺序执行它们。
要删除通过resize()绑定的事件,请使用unbind()函数。
该函数属于jQuery对象(实例)。
语法jQueryObject.resize([[data,]handler])如果指定了一个或多个参数,则表示为resize事件绑定一个处理函数。
如果没有指定参数,则表示将触发resize事件。
参数参数说明Data可选/任意类型当事件触发时,所有数据必须通过event.data传递给事件处理函数。
由处理程序选项/函数类型指定的事件处理函数。
jQuery1.4.3新支持:resize()支持数据参数。
参数处理程序中的this指向当前DOM元素。
resize()还将一个参数传递给处理程序:表示当前事件的Event对象。
如果函数处理程序的返回值为false,则意味着阻止元素的默认事件行为并阻止事件在DOM树中冒泡。
例如,如果链接的单击事件处理函数返回false,您可以阻止该链接的默认URL跳转行为。
<form>表单的resize事件处理函数返回false,这可能会阻止表单的默认表单提交行为。
返回值resize()函数的返回值是jQuery类型,并返回当前jQuery对象本身。
示例与说明现在我们给窗口对象的resize事件绑定一个处理函数(可以绑定多个,触发时会按照绑定的顺序依次执行)。
$(window).resize(function(){Alert("不建议调整窗口大小!");});//触发window对象上的resize事件//$(window).resize()Run代码(将以下代码复制到demo中):您还可以将要执行的部分页面传递给事件处理函数。
还可以通过jQuery为事件处理函数传递的参数Event对象来获取当前事件的相关信息(例如事件类型、触发事件的DOM元素、附加数据等)。
varminSize={宽度:800,高度:600};$(window).resize(minSize,function(event){varmin=event.data;var$dom=$(this);if($dom.width()窗口宽度不得小于"+min.width)}elseif($dom.height()窗口高度为"+min.height);}});