jQuery 处理TextArea

jQuery 处理TextArea:

    $(‘#btn001‘).click(function(e) {
        console.log("btn001Click");
        var cmt = $(‘#cmt‘);
        if (!cmt.is(‘:animated‘)) { // 防止动画的累加,在正在动的时候不进行高度的增加;
            if (cmt.height() < 500) {
                console.log("cmt<500");
                cmt.animate({
                    height : "+=50"
                }, 400);// textarea的高度增加50;用"+50"只能变一次;
            }
        }
    });
    $(‘#btn002‘).click(function(e) {
        console.log("btn002Click");
        var cmt = $(‘#cmt‘);
        if (!cmt.is(‘:animated‘)) {// 防止动画的累加,在正在动的时候不进行高度的累加;
            cmt.animate({
                scrollTop : "-=50"
            }, 400);// textarea的滚动条减少50;
        }
    });
时间: 2024-10-10 06:28:42

jQuery 处理TextArea的相关文章

jQuery实现textarea文本框带有半透明文本提示效果

jQuery实现textarea文本框带有半透明文本提示效果:textarea文本框一般用于编辑大段的文本,比如编辑器或者简单的留言回复之类的功能,有的在textarea文本框的有默认的提示语言,下面就介绍一下如何使用jQuery实现此功能.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content

jquery 获取textarea文本值详解

今天用jquery获取textarea文本值,遇到这么一个问题: 一开始用val()方法报错,后面使用text(),可以运行,但是获取的值永远为空,最后在改成val(),可以正常使用. 于是乎:为了把这个问题弄清楚,开始了遥远的解读jQuery源码之旅 步骤: 1. 给textarea设置默认值,分别输出text()和value()值 2. 改变textarea的文本值,在分别输出text()和value()值 例子: 代码: 1 <!doctype html> 2 <html lang

Jquery实现 TextArea 文本框根据输入内容自动适应高度

原文 Jquery实现 TextArea 文本框根据输入内容自动适应高度 在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高,这可能是版面的限制和用户通常只转播或者评论一个短句有关.但是当你输入超过一行文字的时候,TextArea自动适应高度,大大改善了体验,这样用户就可以看到全部的文字.不用再去拖动文本框的滚动条. 如下图: 这些在平时的项目中挺实用的,所以抽空封装了一个文本框根据输入内容自适应高度的插件 - TextArea

jQuery实现textarea高度根据内容自适应

1 //jQuery实现textarea高度根据内容自适应 2 $.fn.extend({ 3 txtaAutoHeight: function () { 4 return this.each(function () { 5 var $this = $(this); 6 if (!$this.attr('initAttrH')) { 7 $this.attr('initAttrH', $this.outerHeight()); 8 } 9 setAutoHeight(this).on('inpu

Jquery实现&lt;textarea&gt;根据内容自动改变大小

<script type="text/javascript" src="${webRoot}/js/jquery.autogrow.textarea.js"></script> <h3 >任职要求</h3> <div> <textarea  style="outline:none;resize : none; BORDER-BOTTOM: 0px solid; BORDER-LEFT: 0p

jQuery让textarea自适应高度

<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <textarea name="" id="textarea" class="mytest"></textarea> </body>

用JQuery编写textarea,input,checkbox,select

今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下: <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css" media="screen"> *{ marg

Jquery插件----TextArea高度自适应

textArea的高度自适应本来应该很简单的,只需要用js监听它的输入然后修改其高度即可,甚至对于ie只要用css(overflow:visible;)控制就可以了.但是同样会有兼容性问题,用一个jQuery插件来实现.代码如下: $.fn.extend({ textareaAutoHeight: function (options) { this._options = { minHeight: 0, maxHeight: 1000 } this.init = function () { for

jquery清空textarea等输入框

转载自:http://blog.csdn.net/dyllove98/article/details/8870307 完整示例:http://www.keleyi.com/keleyi/phtml/clearinput.htm 下面是源代码: <script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>