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 相关文章推荐
自适应图片大小的弹出窗口
Jul 27 Javascript
Jquery实现视频播放页面的关灯开灯效果
May 27 Javascript
jquery实现顶部向右伸缩的导航区域代码
Sep 02 Javascript
AngulerJS学习之按需动态加载文件
Feb 13 Javascript
浅谈Express异步进化史
Sep 09 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
Jan 12 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
Jan 08 Javascript
新手快速入门JavaScript装饰者模式与AOP
Jun 24 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
Jul 05 Javascript
node省市区三级数据性能测评实例分析
Nov 06 Javascript
JavaScript 装逼指南(js另类写法)
May 10 Javascript
简单了解JavaScript作用域
Jul 31 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
PHP 网络开发详解之远程文件包含漏洞
2010/04/25 PHP
php中导出数据到excel时数字变为科学计数的解决方法
2013/02/03 PHP
Linux下从零开始安装配置Nginx服务器+PHP开发环境
2015/12/21 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
getComputedStyle与currentStyle获取样式(style/class)
2013/03/19 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
JS实现超简单的鼠标拖动效果
2015/11/02 Javascript
详解jQuery UI库中文本输入自动补全功能的用法
2016/04/23 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
2016/05/18 Javascript
AngularJs 动态加载模块和依赖
2016/09/15 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
2016/12/14 Javascript
vue基本使用--refs获取组件或元素的实例
2019/11/07 Javascript
vue中使用极验验证码的方法(附demo)
2019/12/04 Javascript
Node在Controller层进行数据校验的过程详解
2020/08/28 Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
2020/09/21 Javascript
[06:07]刀塔密之二:攻之吾命受之吾幸
2014/07/03 DOTA
python实现划词翻译
2020/04/23 Python
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
python 利用pyttsx3文字转语音过程详解
2019/09/25 Python
解决python gdal投影坐标系转换的问题
2020/01/17 Python
jupyter 导入csv文件方式
2020/04/21 Python
解决python使用list()时总是报错的问题
2020/05/05 Python
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
Book Depository澳大利亚:世界领先的专业在线书店之一
2018/12/27 全球购物
Koral官方网站:女性时尚运动服
2019/04/10 全球购物
澳大利亚优质的家居用品和生活方式公司:Bed Bath N’ Table
2019/04/16 全球购物
巴西最大的珠宝连锁店:Vivara
2019/04/18 全球购物
Lungolivigno Fashion官网:高级时装在线购物
2020/10/17 全球购物
优秀的自荐信要注意哪些
2014/01/03 职场文书
小学生演讲稿
2014/01/12 职场文书
关爱女孩行动实施方案
2014/03/13 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
2015年七一建党节活动方案
2015/05/05 职场文书
2019职场实习报告该怎么写?
2019/07/01 职场文书
python实现Nao机器人的单目测距
2021/09/04 Python