jquery清空内容,jquery清空元素内容

“jquery”如何控制清空div中的内容？

给右边div加一个id=“div1”属性.$（＂#div1＂）.empty（)； 这样就清空右边的内容了，然后再去显示你自己的内容就可以了。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。

jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

2009年1月，jQuery 1.3版发布，它使用了全新的选择符引擎Sizzle，在各个浏览器下全面超越其他同类型JavaScript框架的查询速度，程序库的性能也因此有了极大提升。

这一版本的第2个变化就是提供live()方法，使用live()方法可以为当前及将来增加的元素绑定事件，在1.3版之前，如果要为将来增加的元素绑定事件，需要使用livequery插件，而在1.3版中，可以直接用live()方法。

2010年1月，也是jQuery的四周年生日，jQuery 1.4版发布，为了庆祝jQuery四周岁生日，jQuery团队特别创建了jquery14.com站点，带来了连续14天的新版本专题介绍。

相关问答

Q1: jquery怎么清空div的子元素？

如需删除元素和内容，一般可使用以下两个 jQuery 方法：

remove() - 删除被选元素（及其子元素）

empty() - 从被选元素中删除子元素

本文实例讲述了jQuery使用empty()方法删除元素及其所有子元素的方法，分享给大家供大家参考，具体实现方法如下：

$.ajax({

url: "SearchSN.aspx",

data: "SN=" + $("#txtStorageSN").val(),

cache: false,

success: function (html) {

$("#showResult").empty();

$("#showResult").append(html);

$("#showResult").css("color", "red");

}

});

页面：div id="showResult"/div

$("#showResult").empty();//清除div内容(Div内容是通过aspx页面进行动态添加的，需要先清除div内容)

Q2: jquery 如何实现 用户名文本框click都清空文本内容

jquery的 val() 方法可以设置或返回表单字段的值，所以清空文本框只要将其value值设为空即可。下面代码给出文本框获得焦点即清空文本的效果

$("input:text").focus(function() { // 获得焦点事件

    $(this).val("");

});

进一步，文本框获得焦点后清空内容是为了便于输入，但有时不想输入，那么失去焦点时还得恢复到原来的内容，为此还要如下代码

$("input:text").blur(function() {  // 失去焦点事件

    $(this).val()!="" || $(this).val(text);   // 如果文本框为空，那就设置之前定义的text变量值

});

下面的例子给出了包含以上内容的综合用法：

创建Html元素

div class="box"

span单击文本框清空原有内容，离开文本框时若未填写内容则设置为之前的内容：/spanbr

div class="content"

input type="text" name="name" value="John"/

/div

/div

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.box span{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='text']{width:200px;height:35px;padding:5px 10px;margin:5px 0;border:1px solid #ff9966;}

编写jquery代码

$(function(){

var text;  // 全局变量用于保存文本框的内容

$("input:text").focus(function() {

text = $(this).val();

$(this).val("");

});

$("input:text").blur(function() {

$(this).val()!="" || $(this).val(text);

});

})

观察效果

初始状态

点击文本框后效果

没有修改内容即离开文本框则恢复原始文本

如果修改了内容，则显示修改的值

Q3: JQuery，如何清除，除了点击的元素以外，其他所有元素

可以使用Jquery中的siblings()和remove()方法实现。实现原理主要是使用siblings获取被点击元素之外的同级元素，然后使用remove()删除。完整的代码如下：

运行的效果如下：

例如当点击DIV内容为2的框时，其他的DIV被清除，内容为2的框移到最顶，点击后的效果图如下：

扩展资料：

如果想对移到最顶的框进行一定的突出显示处理，比如给个背景颜色，字体加大，可以利用css()方法，代码如下：

!doctype html

html

head

meta charset="utf-8"

titleJQuery例子/title

link href="__CSS__/base.css" rel="stylesheet"

script src="__JS__/jquery.min.js"/script

/head

body

script

$(function(){

$(".class1").click(function() {

$(this).siblings().remove();

$(this).css({"background-color":"yellow","font-size":"50px"});

});

});

/script

div class="main"

div class="class1"1/div

div class="class1"2/div

div class="class1"3/div

div class="class1"4/div

/div

style type="text/css"

.main{width:640px;height:500px;margin:0 auto;border:1px solid red;}

.class1{width:90%;height:100px;margin:0 auto;border:1px solid red;margin-top:10px;font-size:40px;}

/style

/body

/html

运行的效果如下：

Q4: 使用jquery如何清空input 中的内容

用JQ的attr属性就可以清空input的内容

input type="text" value="TEST"/

script src="" type="text/javascript"/script

script

$(function() {

  $("input").attr("value","");

});

/script

Jquery是一个优秀的Javascript库，还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果，并且方便地为网站提供AJAX交互。

Q5: 怎样使用 jquery 清空文本框的内容

直接jq设置那个文本框的val为空试试，或者ke有自己的方法ke.html(id,

val)设置编辑器的html内容。参数：id：string，编辑器的idval:

string，html字符串返回值：无注:

3.5版本开始支持，旧版本可以使用ke.util.setfullhtml(id,

val)。设置内容为空就行啊