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 相关文章推荐
javascript显示选择目录对话框的代码
Nov 10 Javascript
动态创建的表格单元格中的事件实现代码
Dec 30 Javascript
锋利的jQuery 第三章章节总结的例子
Mar 23 Javascript
如何用ajax来创建一个XMLHttpRequest对象
Dec 10 Javascript
浅谈javascript函数式编程
Sep 06 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
May 27 Javascript
javascript之Array 数组对象详解
Jun 07 Javascript
vue项目中使用百度地图的方法
Jun 08 Javascript
Vue+ElementUI项目使用webpack输出MPA的方法
Aug 27 Javascript
Element InputNumber 计数器的实现示例
Aug 03 Javascript
原生JS实现京东查看商品点击放大
Dec 21 Javascript
vue常用高阶函数及综合实例
Feb 25 Vue.js
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 生成文字png图片的代码
2011/04/17 PHP
PHP静态文件生成类实例
2014/11/29 PHP
php实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
thinkPHP多表查询及分页功能实现方法示例
2017/07/03 PHP
javascript document.referrer 用法
2009/04/30 Javascript
javascript制作sql转换为stringBuffer的小工具
2015/04/03 Javascript
js绘制圆形和矩形的方法
2015/08/05 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
javascript简单写的判断电话号码实例
2017/05/24 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
jQuery实现常见的隐藏与展示列表效果示例
2018/06/04 jQuery
Angular中sweetalert弹框的基本使用教程
2018/07/22 Javascript
JavaScript简单实现关键字文本搜索高亮显示功能示例
2018/07/25 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
JavaScript代码实现微博批量取消关注功能
2021/02/05 Javascript
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
使用基于Python的Tornado框架的HTTP客户端的教程
2015/04/24 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
Python绘制堆叠柱状图的实例
2019/07/09 Python
Python 使用多属性来进行排序
2019/09/01 Python
完美解决pycharm导入自己写的py文件爆红问题
2020/02/12 Python
Jupyter notebook如何修改平台字体
2020/05/13 Python
HTML5中div、article、section的区别及使用介绍
2013/08/14 HTML / CSS
高中生家长会演讲稿
2014/01/14 职场文书
打架检讨书400字
2014/01/17 职场文书
羽毛球比赛策划方案
2014/06/13 职场文书
党的群众路线教育实践活动剖析材料
2014/09/30 职场文书
故意伤害人身损害赔偿协议书
2014/11/19 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
公务员廉洁从政心得体会
2016/01/19 职场文书
《月球之谜》教学反思
2016/02/20 职场文书
2016年法制宣传月活动总结
2016/04/01 职场文书
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS
Win10系统下配置Java环境变量
2021/06/13 Java/Android
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python
Golang 遍历二叉树
2022/04/19 Golang