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 相关文章推荐
动态添加js事件实现代码
Mar 12 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
javascript常用的方法分享
Jul 01 Javascript
jquery实现的横向二级导航效果代码
Aug 26 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
Apr 15 Javascript
JS获取复选框的值,并传递到后台的实现方法
May 30 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
Jun 02 Javascript
JS匿名函数类生成方式实例分析
Nov 26 Javascript
微信小程序之发送短信倒计时功能
Aug 30 Javascript
vue的diff算法知识点总结
Mar 29 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 Javascript
Vue 样式切换及三元判断样式关联操作
Aug 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
ThinkPHP分页实例
2014/10/15 PHP
PHP实现的迷你漂流瓶
2015/07/29 PHP
JavaScript中令你抓狂的魔术变量
2006/11/30 Javascript
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
jqgrid 编辑添加功能详细解析
2013/11/08 Javascript
JS对象转换为Jquery对象示例
2014/01/26 Javascript
引用其它js时如何同时处理多个window.onload事件
2014/09/02 Javascript
js格式化时间的方法
2015/12/18 Javascript
很不错的两款Bootstrap Icon图标选择组件
2016/01/28 Javascript
jQuery基础知识点总结(DOM操作)
2016/06/01 Javascript
Jquery基础之事件操作详解
2016/06/14 Javascript
关于js函数解释(包括内嵌,对象等)
2016/11/20 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
详解webpack+ES6+Sass搭建多页面应用
2018/11/05 Javascript
浅析Vue.js 中的条件渲染指令
2018/11/19 Javascript
javascript中this的用法实践分析
2019/07/29 Javascript
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
Python异常处理总结
2014/08/15 Python
Python黑魔法Descriptor描述符的实例解析
2016/06/02 Python
Python获取二维矩阵每列最大值的方法
2018/04/03 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
python实现文件的分割与合并
2019/08/29 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
美国儿童珠宝在线零售商:Loveivy
2019/05/22 全球购物
全球性的众包图形设计市场:DesignCrowd
2021/02/02 全球购物
《陋室铭》教学反思
2014/02/26 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
房产分割协议书范文
2014/11/21 职场文书
2015年大学生入党自荐书
2015/03/24 职场文书
拔河比赛队名及霸气口号
2015/12/24 职场文书
小学生反邪教心得体会
2016/01/15 职场文书
pytorch DataLoader的num_workers参数与设置大小详解
2021/05/28 Python
python获取对象信息的实例详解
2021/07/07 Python
MySQL学习必备条件查询数据
2022/03/25 MySQL
springboot用户数据修改的详细实现
2022/04/06 Java/Android