jQuery中empty()方法用法实例


Posted in Javascript onJanuary 16, 2015

本文实例讲述了jQuery中empty()方法用法。分享给大家供大家参考。具体分析如下:

此方法能够将匹配元素中的所有内容移除,包括所有文本和子节点。

语法结构:

$(selector).empty()

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<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程序设计有所帮助。

Javascript 相关文章推荐
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
Jun 28 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
Aug 30 Javascript
js实现幻灯片效果(基于jquery插件)
Nov 05 Javascript
简单选项卡 js和jquery制作方法分享
Feb 26 Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 Javascript
JS动态添加iframe的代码
Sep 14 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
Nov 18 Javascript
echart简介_动力节点Java学院整理
Aug 11 Javascript
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
vue v-for 使用问题整理小结
Aug 04 Javascript
使用typescript改造koa开发框架的实现
Feb 04 Javascript
在Vue中获取自定义属性方法:data-id的实例
Sep 09 Javascript
jQuery中replaceAll()方法用法实例
Jan 16 #Javascript
jQuery中wrapInner()方法用法实例
Jan 16 #Javascript
jQuery中wrapAll()方法用法实例
Jan 16 #Javascript
jQuery中unwrap()方法用法实例
Jan 16 #Javascript
jquery搜索框效果实现方法
Jan 16 #Javascript
js表头排序实现方法
Jan 16 #Javascript
js计算任意值之间随机数的方法
Jan 16 #Javascript
You might like
DC最新动画电影:《战争之子》为何内容偏激,毁了一个不错的漫画
2020/04/09 欧美动漫
WHOIS类的修改版
2006/10/09 PHP
Yii框架核心组件类实例详解
2019/08/06 PHP
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
使用js如何实现全选与全不选
2013/12/30 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
js获取滚动距离的方法
2015/05/30 Javascript
javascript瀑布流布局实现方法详解
2016/02/17 Javascript
xtemplate node.js 的使用方法实例解析
2016/08/22 Javascript
浅谈Angularjs link和compile的使用区别
2016/10/21 Javascript
深入研究React中setState源码
2017/11/17 Javascript
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
Vue动态创建注册component的实例代码
2019/06/14 Javascript
uni app仿微信顶部导航条功能
2019/09/17 Javascript
python对数组进行反转的方法
2015/05/20 Python
对Pandas DataFrame缺失值的查找与填充示例讲解
2018/11/06 Python
对python 多线程中的守护线程与join的用法详解
2019/02/18 Python
python装饰器常见使用方法分析
2019/06/26 Python
Django 项目重命名的实现步骤解析
2019/08/14 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
基于梯度爆炸的解决方法:clip gradient
2020/02/04 Python
Python实现自动访问网页的例子
2020/02/21 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
将python字符串转化成长表达式的函数eval实例
2020/05/11 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
CSS3 实现弹跳的小球动画
2020/10/26 HTML / CSS
西班牙拥有最佳品牌的动物商店:Animalear.com
2018/01/05 全球购物
美国半成品食材配送服务商:Home Chef
2018/01/25 全球购物
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
社区维稳工作方案
2014/06/06 职场文书
大学竞选班干部演讲稿
2014/08/21 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
2015年乡镇纪委工作总结
2015/05/26 职场文书
CSS3点击按钮圆形进度打钩效果的实现代码
2021/03/30 HTML / CSS
docker-compose部署Yapi的方法
2022/04/08 Servers