jquery之empty()方法详解

empty()函数用于清空每个匹配元素内的所有内容。

empty()函数将会移除每个匹配元素的所有子节点(包括文本节点、注释节点等所有类型的节点)。

该函数属于jQuery对象(实例)。

语法

jQueryObject.empty( )

返回值

empty()函数的返回值为jQuery类型，返回当前jQuery对象本身(以便于进行链式风格的编程)。

示例&说明

empty()函数用于清空每个匹配元素内的所有内容：

<div><p>段落文本1<span></span></p></div><div><p>段落文本2<span></span></p></div>

<!--以上是jQuery代码执行前的html内容--><script type="text/javascript">$("p").empty( ); </script><!--以下是jQuery代码执行后的html内容-->

<div><p></p></div><div><p></p></div>

empty()函数与html()函数具有以下等价代码：

$("selector").empty( );

// 等价于

$("selector").html("");

以下面这段HTML代码为例：

<p id="n1">    <span id="n2">span#n2</span>    </p><p id="n3">    <label id="n4">label#n4</label>    <span id="n5">span#n5</span></p>

运行代码

以下jQuery示例代码用于演示empty()函数的具体用法：

// 移除所有p元素中的所有子节点$("p").empty( );

上述代码执行后的完整html代码如下(格式未作任何调整)：

<p id="n1"></p><p id="n3"></p>

jquery之empty()方法详解相关推荐

jquery遍历多个li_21个jQuery遍历节点方法详解
本篇教程介绍了21个jQuery遍历节点方法详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < 1.children()方法:$('div').children( ...
html遍历map,jQuery 遍历map()方法详解
一.定义和用法 map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象. 二.语法 .map(callback(index,domElement)) 三.详细说明 ...
linux jq 遍历数组,jquery 遍历数组 each 方法详解
JQuery拿取对象的方式 $('#id') :通过元素的id $('tagName') : 通过元素的标签名 $('tagName tagName') : 通过元素的标签名,eg: $('ul li ...
最全的jquery datatables api 使用详解
https://www.cnblogs.com/amoniyibeizi/p/4548111.html 最全的jquery datatables api 使用详解学习可参考:http://www.g ...
python语言的格式框架_django框架模板语言使用方法详解
本文实例讲述了django框架模板语言使用方法.分享给大家供大家参考,具体如下: 模板功能作用:生成html界面内容,模版致力于界面如何显示,而不是程序逻辑.模板不仅仅是一个html文件,还包括了页 ...
jQuery.extend 函数使用详解
jQuery.extend 函数使用详解一.总结一句话总结: jquery $.extend的作用就是:用于将一个或多个对象的内容合并到目标对象:$.extend( target [, objec ...
jQuery Validate验证框架详解
2019独角兽企业重金招聘Python工程师标准>>> 一.导入js库 <script type="text/javascript" src="& ...
jQuery 表单验证插件，jQuery Validation Engine用法详解
jQuery 表单验证插件,jQuery Validation Engine用法详解功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...
python反向缩进_在Pycharm中对代码进行注释和缩进的方法详解
在Pycharm中对代码进行注释和缩进的方法详解一.注释 1. #单行注释 2. """ 多行注释 """ 3. pycharm多行注释快 ...

jquery之empty()方法详解

语法

返回值

示例&说明

jquery之empty()方法详解相关推荐

最新文章

热门文章