首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用jQuery更改文本区中的行数

如何使用jQuery更改文本区中的行数
EN

Stack Overflow用户
提问于 2010-12-11 22:22:32
回答 3查看 31.8K关注 0票数 21

我有一个5行的文本区域。我只想显示一行,在焦点上,它应该显示其余4行。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-12-11 22:28:25

您可以尝试如下所示:

代码语言:javascript
复制
     $(document).ready(function(){

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

其中moo是你的文本区域。

票数 32
EN

Stack Overflow用户

发布于 2010-12-11 22:24:50

代码语言:javascript
复制
jQuery(function($){
  $('#foo').focus(function(){
    $(this).attr('rows',5);
  }).blur(function(){
    $(this).attr('rows',1);
  });
});

或者,使用更少的jQuery,更少的输入,并获得更高的性能:

代码语言:javascript
复制
jQuery(function($){
  $('#foo')
    .focus(function(){ this.rows=5 })
    .blur( function(){ this.rows=1 });
});
票数 6
EN

Stack Overflow用户

发布于 2012-06-21 08:53:54

尝尝这个

代码语言:javascript
复制
$('#textboxid').focus(function()
    {
       $(this).animate({'height': '185px'}, 'slow' );//Expand the textarea on clicking on it
       return false;
     });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4417161

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档