jQuery中empty()方法用法实例
更新时间：2015年01月16日 15:07:00 投稿：shichen2014
这篇文章主要介绍了jQuery中empty()方法用法,以实例形式分析了empty()方法的功能、定义及将匹配元素中的所有内容移除的使用技巧,需要的朋友可以参考下
本文实例讲述了jQuery中empty()方法用法。分享给大家供大家参考。具体分析如下：
此方法能够将匹配元素中的所有内容移除，包括所有文本和子节点。
语法结构:
复制代码 代码如下:
$(selector).empty()
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
div{
height:200px;
width:200px;
border:1px solid red
}
ul li{
border:1px solid blue;
height:100px;
width:100px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").empty();
});
})
</script>
</head>
<body>
<div>
<ul>
<li>脚本之家</li>
</ul>
</div>
<button>点击查看效果</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
您可能感兴趣的文章:
相关文章
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
基于jquery的finkyUI插件与Ajax实现页面数据加载功能，需要的朋友可以参考下。2010-12-12
由于Html里只有input元素拥有maxlength属性，而textarea没有,所以以前对于文本框字数限制做了很多方案的解决，但是都不太完美。2009-11-11
这篇文章主要介绍了jQuery+formdata实现上传进度特效遇到的问题的相关资料,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了jQuery实现的复选框全选/取消全选/反选及获得选择的值,需要的朋友可以参考下2014-06-06
鼠标拖动实现DIV排序的教程有很多，在本文将为大家详细介绍个不错的示例，对比传统的排序，这是一个很不错的尝试2013-10-10
jquery Easyui Datagrid实现批量操作（编辑，删除，添加）
本篇文章主要介绍了jquery Easyui Datagrid实现批量操作（编辑，删除，添加），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
今天与大家分享一下，自己写的滑动门。在网上也搜索了一下，没发现比较好的，于是乎自己写一吧~写起来也很简单，为了方便使用，我已经尽量封装好了。好吧，闲话少说，直接上代码吧2012-10-10
这篇文章主要介绍了jQuery插件imgPreviewQs实现上传图片预览的相关资料,需要的朋友可以参考下2016-01-01
jQuery AJAX 方法success()后台传来的4种数据详解
今天小编就为大家分享一篇jQuery AJAX 方法success()后台传来的4种数据详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要简单介绍了jquery事件处理，十分的实用，有需要的小伙伴可以参考下。2015-04-04
最新评论