如何使用jQuery更改textarea中的行数

我有一个5行的textarea。 我想只显示一行和焦点，它应显示剩余的4行。

Answer 1

你可以尝试这样的事情：

$(document).ready(function(){ $('#moo').focus(function(){ $(this).attr('rows', '4'); }); }); 

moo是你的textarea。

Answer 2

 jQuery(function($){ $('#foo').focus(function(){ $(this).attr('rows',5); }).blur(function(){ $(this).attr('rows',1); }); }); 

或者，使用更少的jQuery，更少的打字，并获得更多的性能：

 jQuery(function($){ $('#foo') .focus(function(){ this.rows=5 }) .blur( function(){ this.rows=1 }); }); 

Answer 3

试试这个

 $('#textboxid').focus(function() { $(this).animate({'height': '185px'}, 'slow' );//Expand the textarea on clicking on it return false; });