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 更新 JavaScript 数组的 uniq 方法
Jan 23 Javascript
jQuery 表单验证扩展(三)
Oct 20 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
Nov 23 Javascript
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
jQuery获取iframe的document对象的方法
Oct 10 Javascript
基于JS模仿windows文件按名称排序效果
Jun 29 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
Sep 15 Javascript
js实现适配不同的屏幕大小
Apr 10 Javascript
怎么使用javascript深度拷贝一个数组
Jun 06 Javascript
Layui tree 下拉菜单树的实例代码
Sep 21 Javascript
微信小程序接入vant Weapp组件的详细步骤
Oct 28 Javascript
如何用JavaScipt测网速
May 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
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
php使用fsockopen函数发送post,get请求获取网页内容的方法
2014/11/15 PHP
php+mysql实现简单登录注册修改密码网页
2016/11/30 PHP
CodeIgniter框架常见用法工作总结
2017/03/16 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
ie focus bug 解决方法
2009/09/03 Javascript
javascript插入样式实现代码
2012/02/22 Javascript
javascript的console.log()用法小结
2012/05/31 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
2012/11/14 Javascript
js 异步操作回调函数如何控制执行顺序
2013/12/24 Javascript
jquery实现上下左右滑动的方法
2015/02/09 Javascript
Jquery搜索父元素操作方法
2015/02/10 Javascript
javascript 使用for循环时该注意的问题-附问题总结
2015/08/19 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
JavaScript实现的搜索及高亮显示功能示例
2017/08/14 Javascript
AngularJS 打开新的标签页实现代码
2017/09/07 Javascript
通过vue-cli来学习修改Webpack多环境配置和发布问题
2017/12/22 Javascript
vue路由中前进后退的一些事儿
2019/05/18 Javascript
JS实现轮播图效果
2020/01/11 Javascript
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
用Python写的图片蜘蛛人代码
2012/08/27 Python
在Python web中实现验证码图片代码分享
2017/11/09 Python
python使用插值法画出平滑曲线
2018/12/15 Python
numpy.linspace函数具体使用详解
2019/05/27 Python
Python中模块(Module)和包(Package)的区别详解
2019/08/07 Python
Argos官网:英国家喻户晓的百货零售连锁商
2017/04/03 全球购物
开发中都用到了那些设计模式?用在什么场合?
2014/08/21 面试题
销售会计工作职责
2013/12/02 职场文书
中药学自荐信
2014/06/15 职场文书
机械设计制造及其自动化专业求职信
2014/06/17 职场文书
企业标语大全
2014/07/01 职场文书
地下停车场租赁协议范本
2014/10/07 职场文书
解决golang结构体tag编译错误的问题
2021/05/02 Golang
Python使用永中文档转换服务
2022/05/06 Python