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 相关文章推荐
jquery中this的使用说明
Sep 06 Javascript
jquery Mobile入门—外部链接切换示例代码
Jan 08 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
Dec 15 Javascript
面向切面编程(AOP)的理解
May 01 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
利用js给datalist或select动态添加option选项的方法
Jan 25 Javascript
浅谈super-vuex使用体验
Jun 25 Javascript
详解Vue中使用Axios拦截器
Apr 22 Javascript
js重写alert事件(避免alert弹框标题出现网址)
Dec 04 Javascript
jquery自定义组件实例详解
Dec 31 jQuery
JavaScript canvas实现流星特效
May 20 Javascript
JavaScript实现酷炫的鼠标拖尾特效
Feb 18 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
PhpMyAdmin中无法导入sql文件的解决办法
2010/01/08 PHP
php 获取当前访问的url文件名的方法小结
2010/02/08 PHP
php中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
PHP封装的MSSql操作类完整实例
2016/05/26 PHP
php与c 实现按行读取文件实例代码
2017/01/03 PHP
laravel admin实现分类树/模型树的示例代码
2020/06/10 PHP
jQuery 动态云标签插件
2014/11/11 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
javascript实现Table排序的方法
2015/05/15 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
2019/06/26 Javascript
vue-drag-chart 拖动/缩放图表组件的实例代码
2020/04/10 Javascript
使用PYTHON接收多播数据的代码
2012/03/01 Python
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
Python迭代器和生成器介绍
2015/03/06 Python
pandas读取csv文件,分隔符参数sep的实例
2018/12/12 Python
Python从函数参数类型引出元组实例分析
2019/05/28 Python
简单了解Python matplotlib线的属性
2019/06/29 Python
Keras自动下载的数据集/模型存放位置介绍
2020/06/19 Python
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
AJAX都有哪些有点和缺点
2012/11/03 面试题
旅游与酒店管理的自我评价分享
2013/11/03 职场文书
路政管理专业推荐信
2013/11/11 职场文书
自主招生自荐书
2013/11/29 职场文书
应届大学生求职信
2013/12/01 职场文书
广告设计应届生求职信
2014/03/01 职场文书
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
门卫岗位职责
2015/02/09 职场文书
2015年教师节感恩寄语
2015/03/23 职场文书
博士导师推荐信
2015/03/25 职场文书
2016年大学生就业指导课心得体会
2015/10/09 职场文书
CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
2021/03/30 HTML / CSS
Python使用PyYAML库读写yaml文件的方法
2022/04/06 Python