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>
<textarea id="keleyi_com" cols="30" rows="5">点击按钮后,这些文字将被清空。http:www.keleyi.com 柯乐义</textarea>
<br /><input type="button" id="clear_keleyi_com" value="清空" />
<script type="text/javascript">
$("#clear_keleyi_com").click(function (){
$("#keleyi_com").val(‘‘);
})
</script>

  

时间: 2024-10-06 08:37:43

jquery清空textarea等输入框的相关文章

js/jquery 实时监听输入框值变化的完美方案:oninput &amp; onpropertychange

本文转载于 http://blog.163.com/lgh_2002/blog/static/44017526201341511112874/ Jquery绑定事件(bind和live的区别) js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange 2013-05-15 11:01:12|  分类: jquery/javascrip |

移动端用js与jquery实时监听输入框值的改动

背景: 在一次移动端H5开发中,需要监听输入框值的实时变动. onchange事件肯定抛弃,因为只能失去焦点才触发. 而keyPress在Android可以触发,iOS不可以. 又不想用Android和iOS都可以触发的keyDown和keyUp. 于是,百度出了新东西:oninput![需要配合propertychange,兼容 IE9 以下版本] 用法: JS: if(isIE) { document.getElementById("input").onpropertychange

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: $('#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 :

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

[JS][jQuery]清空元素html(&quot;&quot;)、innerHTML=&quot;&quot; 与 empty()的区别:关于内容泄露问题

清空元素html("").innerHTML="" 与 empty()的区别 一.清空元素的区别      1.错误做法一:            $("#test").html("");//该做法会导致内存泄露 2.错误做法二:            $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露 3.正确做法:        //$("

[JS][jQuery]清空元素html(&quot;&quot;)、innerHTML=&quot;&quot; 与 empty()的区别 、remove()区别

清空元素html("").innerHTML="" 与 empty()的区别 一.清空元素的区别     1.错误做法一:           $("#test").html("");//该做法会导致内存泄露 2.错误做法二:            $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露 3.正确做法:        //$("#t