【jQuery】 文档操作 -- empty( ) 方法

转载 2015年11月18日 20:55:03

定义和用法

empty() 方法从被选元素移除所有内容,包括所有文本和子节点。

语法

$(selector).empty()

<p style="width:200px;height:200px;background-color:yellow">
    This is a paragraph. 
    <b>Bold</b> and <i>italic</i> text.
</p>
<button class="btn1">删除 p 元素的内容</button>

<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
  $("p").empty();
  });
});
</script>

Out:
点击按钮前效果
点击按钮后效果

Jquery里面三个文档操作方法比较-empty(),detach()和remove

Jquery里面有三种常用的文档操作方法去控制一个标签内容在DOM里面消失,分别是empty(),detach()和remove()。对于每个方法运用后的表面效果是一样的,但是实际上的每个方法对DOM...

jQuery源码分析之empty和remove方法四问

测试代码1:把id为first下面所有的子元素移除 $(document).ready(function(){ ...

jQuery删除元素方法remove(),detach(),empty()

1.empty() 它是清空节点,但是那些节点的标签还在。 结果是:p里面的都被删除了,...

JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。

做前端开发的,免不了的要操作页面HTML代码,JQuery中提供了许多非常便捷的方法,使我们很方便的操作HTML代码,这也许就是选择JQuery的原因吧。   那么让我们来看看有常用的有哪些方法: ...

jsp标签中添加数据--jQuery 的append()方法以及.empty()方法

直接上代码,不足之处还请多多指正,谢谢! jsp内定义一个div标签,给一个id属性 看下页面效果:(空白,因为目前只是一个div标签里面没有内容) 我们现在来看下,怎么往div里添...

jQuery 文档操作方法大全(也适用于 XML 文档和 HTML 文档)

jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。 方法 描述 addClass() 向匹配的元素添加指定的类名。 a...

使用Jquery 操作 sharepoint2013文档库(增删改查)

使用Jquery 操作 sharepoint2013文档库(增删改查)

基于jquery的树-xtree操作文档

node节点--> li nodeid="1"> 开关--> button>button> label--> a> 图标--> button>button> 文字节点--> ...
  • vipyhd
  • vipyhd
  • 2012年06月06日 08:32
  • 207

jquery文档操作处理

文档操作处理 body{ font-family: "Microsoft YaHei" } .cGreen{colo...

JQuery之DOM函数文档操作学习总结

1.之前:before()$("#t1 #hot").before("热点"); 2.结尾:after()$("#t1 #hot").after("是真的吗?"); 3.内部结尾:append()...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【jQuery】 文档操作 -- empty( ) 方法
举报原因:
原因补充:

(最多只允许输入30个字)