本文实例讲述了jQuery动态改变多行文本框高度的方法。分享给大家供大家参考，具体如下：

html health eta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title文本框高度变化/title style type=' text/CSS ' * { margin : 0；padd : 0；font:普通12px/17px Arial；}.msg { width : 300 pxmargin : 100 px }。msg _ caption { width : 100%；飞越：隐藏；保证金-底部： 1px}.消息标题跨度{ display:块；向左浮动：margin : 0 2px adding : 4px 10px背景技术： # 898989;光标：指针；颜色：白色；}.msg textarea { width: 300px高度： 80px高度： 100像素；border: 1px固体# 000;}/style脚本src=' http : jquery-1。7 .2 .量滴js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ var $ comment=$(' # comment ')；//获取评论框$('.更大的')。单击(函数(){ //放大按钮绑定单击事件if($注释。height())500 { $ comment。身高($注释。高度())50；//重新设置高度，在原有的基础上加50 } }) $('.'更小')。单击(函数(){ //缩小按钮绑定单击事件if($注释。height())50 { $ comment。身高($注释。高度()-50)；//重新设置高度，在原有的基础上减50 } });});/script/head dyform action=' method=' post ' div class=' msg ' div class=' msg _ caption ' span class=' bigger '放大/span span class='更小'缩小/span/div文本区域id=' comment ' rows=' 8 ' cols=' 20 '多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化/文本区/div/div/表单/正文/html运行效果图如下：

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。