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 insertAfter() 实现函数代码
Oct 12 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
May 21 Javascript
instanceof和typeof运算符的区别详解
Jan 06 Javascript
jQuery实现自动调整字体大小的方法
Jun 15 Javascript
JavaScript文档碎片操作实例分析
Dec 12 Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
Nov 03 Javascript
js querySelector() 使用方法
Dec 21 Javascript
jquery easyui如何实现格式化列
Jul 30 jQuery
angular2路由切换改变页面title的示例代码
Aug 23 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
May 07 Javascript
Vue3.0 响应式系统源码逐行分析讲解
Oct 14 Javascript
谈谈IntersectionObserver懒加载的具体使用
Oct 15 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
windows下升级PHP到5.3.3的过程及注意事项
2010/10/12 PHP
php的memcache类分享(memcache队列)
2014/03/26 PHP
PHP mysqli_free_result()与mysqli_fetch_array()函数详解
2016/09/21 PHP
PHP CURL使用详解
2019/03/21 PHP
用JavaScript页面不刷新时全选择,全删除(GridView)
2009/04/14 Javascript
javascript 节点遍历函数
2010/03/28 Javascript
js中判断Object、Array、Function等引用类型对象是否相等
2012/08/29 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
jquery网页元素拖拽插件效果及实现
2013/08/05 Javascript
js+html5实现canvas绘制镂空字体文本的方法
2015/06/05 Javascript
javascript基础语法学习笔记
2016/01/04 Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
2016/06/12 Javascript
Vue实现自带的过滤器实例
2017/03/09 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
CKeditor4 字体颜色功能配置方法教程
2019/06/26 Javascript
Python构建网页爬虫原理分析
2017/12/19 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
小白如何入门Python? 制作一个网站为例
2018/03/06 Python
python实现求两个字符串的最长公共子串方法
2018/07/20 Python
Python 使用PIL中的resize进行缩放的实例讲解
2018/08/03 Python
浅析PyTorch中nn.Linear的使用
2019/08/18 Python
python如何使用socketserver模块实现并发聊天
2019/12/14 Python
python利用JMeter测试Tornado的多线程
2020/01/12 Python
详解有关PyCharm安装库失败的问题的解决方法
2020/02/02 Python
Python rabbitMQ如何实现生产消费者模式
2020/08/24 Python
纯CSS实现设置半个字符的样式
2014/07/03 HTML / CSS
HTML5的自定义属性data-*详细介绍和JS操作实例
2014/04/10 HTML / CSS
html5自动播放mov格式视频的实例代码
2020/01/14 HTML / CSS
YOOX美国官方网站:全球著名的多品牌时尚网络概念店
2016/09/11 全球购物
Grow Gorgeous美国官网:只要八天,体验唤醒毛囊后新生的茂密秀发
2018/06/04 全球购物
.NET面试题:什么是值类型和引用类型
2016/01/12 面试题
财务人员个人自荐信范文
2013/09/26 职场文书
大学生冰淇淋店商业计划书
2014/01/14 职场文书
物理课外活动总结
2014/08/27 职场文书
校车安全管理责任书
2015/05/11 职场文书
分享几个简单MySQL优化小妙招
2022/03/31 MySQL