jqueryempty,jqueryempty详解

jquery select 用empty()方法 清空option

清空option 不是很难的操作。只需要遍历现有option，将其每个子元素都置空即可。

创新互联为客户提供专业的成都网站设计、做网站、程序、域名、空间一条龙服务，提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、移动网站建设等网站方面业务。

代码如下：

function clearOption(selectId){

var selectObj = document.getElementById(selectId);

for(var i = 0,len = selectObj.options.length; i len; i++){

selectObj.options[0] = null;

}

}

如何把jQuery清空empty的东西再还原

!DOCTYPE html

html  lang="en"

head

meta charset="utf-8" /

meta name="renderer" content="webkit"

meta http-equiv="X-UA-Compatible" content="IE=Edge"

titlejquery清空-恢复/title

meta name="keywords" content="" /

meta name="description" content="" /

script src='jquery-2.0.3.min.js'/script

/head

body

input type='text' id='username'/

button id='empty-btn'清空/button

button id='recover-btn'恢复/button

/body

script type="text/javascript"

$(function(){

var fun = {

obj : $('#username'),

val :  '',

empty: function() {

var $self = this;

$self.val = $self.obj.val();

$self.obj.val('');

},

recover : function() {

var $self = this;

$self.obj.val($self.val);

}

}

$('#empty-btn').bind('click', function(){

fun.empty();

});

$('#recover-btn').bind('click', function(){

fun.recover();

});

});

/script

/html

你参考一下！

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内容)

jQuery选择器 input元素什么时候不是empty

你为什麼不查查文档呢?

定义和用法

:empty 选择器匹配没有子元素（包括文本节点）的每个元素。

input永远都不会有子节点, 永远都是:empty

JQuery中$("#sub").empty();是什么意思？

将 id 为 sub 的元素内容清空

div id="sub"ptextpspantext2/span/div

执行 $("#sub").empty(); 后变为

div id="sub"/div

jquery里使用empty()和html("")有什么区别?

empty()、html("")和text("")在删除匹配元素内内容时是一样的。jQuery源码中实现有所不同，但效果相同。你可以测试一下

源码：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

script src="../scripts/jquery-1.4.2.min.js" type="text/javascript"/script

script

$(function(){

$('#btnEmpty').click(function(){

$('#aim').empty();

alert("empty()");

});

$('#btnHtml').click(function(){

$('#aim').html("");

alert('html("")');

});

$('#btnText').click(function(){

$('#aim').text("");

alert('text("")');

});

});

/script

/head

body

div id="aim"

ul

li111111111/li

li222222222/li

li333333333/li

li444444444/li

/ul

/div

button id='btnEmpty'empty()/button

button id='btnHtml'html("")/button

button id='btnText'text("")/button

/body

/html

一、html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。

返回值:jQuery

参数:val (String) : 用于设定HTML内容的值

示例:

HTML 代码:

div/div

jQuery 代码:

$("div").html("pHello Again/p");

结果:

[ divpHello Again/p/div ]

二、empty()：删除匹配的元素集合中所有的子节点。

返回值：jQuery

示例：把所有段落的子元素（包括文本节点）删除

HTML 代码:

pHello, spanPerson/span a href="#"and person/a/p

jQuery 代码:

$("p").empty();

结果:

p/p

三、text(val):设置所有匹配元素的文本内容

与 html() 类似, 但将编码 HTML (将 "" 和 "" 替换成相应的HTML实体).

返回值：jQuery

参数：val (String) : 用于设置元素内容的文本

示例：

HTML 代码:

pTest Paragraph./p

jQuery 代码:

$("p").text("bSome/b new text.");

结果:

[ pbSome/b new text./p ]