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 相关文章推荐
[原创]图片分页查看
Aug 28 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 Javascript
jquery基础教程之deferred对象使用方法
Jan 22 Javascript
innerText 使用示例
Jan 23 Javascript
JavaScript按位运算符的应用简析
Feb 04 Javascript
通过遮罩层实现浮层DIV登录的js代码
Feb 07 Javascript
js基于面向对象实现网页TAB选项卡菜单效果代码
Sep 09 Javascript
jQuery图片轮播插件——前端开发必看
May 31 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
Nov 21 Javascript
jquery dataTable 获取某行数据
May 05 jQuery
vue实现登录后页面跳转到之前页面
Jan 07 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
May 12 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设计模式 php实现工厂模式(factory)
2015/12/07 PHP
php简单压缩css样式示例
2016/09/22 PHP
php封装的数据库函数与用法示例【参考thinkPHP】
2016/11/08 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
js鼠标左右键 键盘值小结
2010/06/11 Javascript
eval的两组性能测试数据
2012/08/17 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
node.js Web应用框架Express入门指南
2014/05/28 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
详解Javascript 装载和执行
2014/11/17 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
2015/11/04 Javascript
jQuery利用FormData上传文件实现批量上传
2018/12/04 jQuery
修改vue源码实现动态路由缓存的方法
2020/01/21 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
vue:el-input输入时限制输入的类型操作
2020/08/05 Javascript
python 简易计算器程序,代码就几行
2009/08/29 Python
python发送arp欺骗攻击代码分析
2014/01/16 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
使用python绘制温度变化雷达图
2019/10/18 Python
用OpenCV将视频分解成单帧图片,图片合成视频示例
2019/12/10 Python
python实现实时视频流播放代码实例
2020/01/11 Python
利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式
2020/01/20 Python
使用python matplotlib 画图导入到word中如何保证分辨率
2020/04/16 Python
Python json读写方式和字典相互转化
2020/04/18 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
浅析python字符串前加r、f、u、l 的区别
2021/01/24 Python
html5-Canvas可以在web中绘制各种图形
2012/12/26 HTML / CSS
新学期决心书
2014/03/11 职场文书
给校长的建议书
2014/03/12 职场文书
奠基仪式主持词
2014/03/20 职场文书
公司晚会策划方案
2014/05/17 职场文书
2014年煤矿工人工作总结
2014/12/08 职场文书
给老师的一封感谢信
2015/01/20 职场文书