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 相关文章推荐
简明json介绍
Sep 28 Javascript
jQuery 学习6 操纵元素显示效果的函数
Feb 07 Javascript
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
Jan 15 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
Oct 20 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
Dec 17 Javascript
js打造数组转json函数
Jan 14 Javascript
基于javascript实现单选及多选的向右和向左移动实例
Jul 25 Javascript
jQuery解析json格式数据简单实例
Jan 22 Javascript
jQuery限制图片大小的方法
May 25 Javascript
微信小程序 wx.uploadFile无法上传解决办法
Dec 14 Javascript
利用Ionic2 + angular4实现一个地区选择组件
Jul 27 Javascript
如何让node运行es6模块文件及其原理详解
Dec 11 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短网址的生成代码(仿微博短网址)
2014/05/07 PHP
非常全面的php日期时间运算汇总
2015/11/04 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
PHP重载基础知识回顾
2020/09/10 PHP
JavaScript 设计模式 富有表现力的Javascript(一)
2010/05/26 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
js 实现 input type=&quot;file&quot; 文件上传示例代码
2013/08/07 Javascript
JavaScript splice()方法详解
2020/09/22 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
JavaScript入门系列之知识点总结
2016/03/24 Javascript
JQuery插件Marquee.js实现无缝滚动效果
2016/04/26 Javascript
nodejs 实现钉钉ISV接入的加密解密方法
2017/01/16 NodeJs
基于模板引擎Jade的应用(详解)
2017/12/12 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
微信小程序画布圆形进度条显示效果
2020/11/17 Javascript
解决iview多表头动态更改列元素发生的错误的方法
2018/11/02 Javascript
JS实现根据数组对象的某一属性排序操作示例
2019/01/14 Javascript
JavaScript实现美化滑块效果
2019/05/17 Javascript
vue使用require.context实现动态注册路由
2020/12/25 Vue.js
[02:38]DOTA2超级联赛专访Loda 认为IG世界最强
2013/05/27 DOTA
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
Python去除、替换字符串空格的处理方法
2018/04/01 Python
对python 通过ssh访问数据库的实例详解
2019/02/19 Python
详解Python下载图片并保存本地的两种方式
2019/05/15 Python
python获取当前文件路径以及父文件路径的方法
2019/07/10 Python
python实现批量处理将图片粘贴到另一张图片上并保存
2019/12/12 Python
使用Python内置模块与函数进行不同进制的数的转换
2020/04/26 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
英国最大的电子产品和家电零售企业:Currys PC World
2016/09/24 全球购物
SneakerStudio英国:最佳运动鞋商店
2019/05/22 全球购物
异地年检委托书范本
2014/09/24 职场文书
应收账款管理制度
2015/08/06 职场文书
选对餐饮营销策略,营业额才会上涨
2019/08/27 职场文书
正确使用MySQL INSERT INTO语句
2021/05/26 MySQL