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 学习笔记(五)
Dec 31 Javascript
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
web基于浏览器的本地存储方法应用
Nov 27 Javascript
js自动生成对象的属性示例代码
Oct 28 Javascript
angularJS 入门基础
Feb 09 Javascript
基于JS实现PHP的sprintf函数实例
Nov 14 Javascript
js实现StringBuffer的简单实例
Sep 02 Javascript
vue cli使用绝对路径引用图片问题的解决
Dec 06 Javascript
JavaScript调用模式与this关键字绑定的关系
Apr 21 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
Sep 14 Javascript
JQueryDOM之样式操作
Mar 27 jQuery
vue中父子组件传值,解决钩子函数mounted只运行一次的操作
Jul 27 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的session cookie错误
2009/08/09 PHP
php入门学习知识点二 PHP简单的分页过程与原理
2011/07/14 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
在WordPress中使用PHP脚本来判断访客来自什么国家
2015/12/10 PHP
Javascript中的数学函数
2007/04/04 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
详解JavaScript跨域总结与解决办法
2016/10/31 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
一文搞懂ES6中的Map和Set
2019/05/20 Javascript
jquery轻量级数字动画插件countUp.js使用详解
2019/10/17 jQuery
vue 实现在同一界面实现组件的动态添加和删除功能
2020/06/16 Javascript
[01:05:40]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第三场
2014/05/24 DOTA
[54:29]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第二场
2018/04/09 DOTA
python实现按行切分文本文件的方法
2016/04/18 Python
python select.select模块通信全过程解析
2017/09/20 Python
Python的多维空数组赋值方法
2018/04/13 Python
pygame游戏之旅 载入小车图片、更新窗口
2018/11/20 Python
使用Python实现微信提醒备忘录功能
2018/12/04 Python
Django框架模型简单介绍与使用分析
2019/07/18 Python
Django 实现外键去除自动添加的后缀‘_id’
2019/11/15 Python
anaconda升级sklearn版本的实现方法
2021/02/22 Python
项目副经理岗位职责
2013/12/30 职场文书
费用会计岗位职责
2014/01/01 职场文书
化学教师教学反思
2014/01/17 职场文书
聚美优品广告词改编
2014/03/14 职场文书
法院四风对照检查材料思想汇报
2014/10/06 职场文书
领导班子整改方案
2014/10/25 职场文书
2015年社区重阳节活动总结
2015/07/30 职场文书
2016年清明节期间群众祭祀活动工作总结
2016/04/01 职场文书
html form表单基础入门案例讲解
2021/07/15 HTML / CSS
windows11怎么查看自己安装的版本号? win11版本号的查看方法
2021/11/21 数码科技