之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩，今天花了点时间换了种实现方法，总结一下

复制代码 代码如下:

jQuery.fn.extend({

autoHeight: function(){

return this.each(function(){

var $this = jQuery(this);

if( !$this.attr('_initAdjustHeight') ){

$this.attr('_initAdjustHeight', $this.outerHeight());

}

_adjustH(this).on('input', function(){

_adjustH(this);

});

});

/**

* 重置高度

* @param {Object} elem

*/

function _adjustH(elem){

var $obj = jQuery(elem);

return $obj.css({height: $obj.attr('_initAdjustHeight'), 'overflow-y': 'hidden'})

.height( elem.scrollHeight );

}

}

});

// 使用

$(function(){

$('textarea').autoHeight();

});

以上就是本文所述的全部内容了，希望对大家学习jQuery能够有所帮助。