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 09 Javascript
jQuery实用基础超详细介绍
Apr 11 Javascript
js形成页面的一种遮罩效果实例代码
Jan 04 Javascript
jquery插件corner实现圆角边框的方法
Mar 09 Javascript
JavaScript实现快速排序的方法
Jul 31 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
Nov 28 Javascript
JS判断时间段的实现代码
Jun 14 Javascript
Angular在模板驱动表单中自定义校验器的方法
Aug 09 Javascript
全选复选框JavaScript编写小结(附代码)
Aug 16 Javascript
修改node.js默认的npm安装目录实例
May 15 Javascript
layui点击导航栏刷新tab页的示例代码
Aug 14 Javascript
vue多个元素的样式选择器问题
Nov 29 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正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
ThinkPHP框架搭建及常见问题(XAMPP安装失败、Apache/MySQL启动失败)
2016/04/15 PHP
Ucren Virtual Desktop V2.0
2006/11/07 Javascript
jQuery.each使用详解
2015/07/07 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
2016/07/12 Javascript
jQuery.uploadify文件上传组件实例讲解
2016/09/23 Javascript
JavaScript实现左右下拉框动态增删示例
2017/03/09 Javascript
Vue2仿淘宝实现省市区三级联动
2020/04/15 Javascript
Vue中的无限加载vue-infinite-loading的方法
2018/04/08 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
2019/09/24 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
返回上一个url并刷新界面的js代码
2020/09/12 Javascript
Python字符串的encode与decode研究心得乱码问题解决方法
2009/03/23 Python
深入理解Python 代码优化详解
2014/10/27 Python
用于统计项目中代码总行数的Python脚本分享
2015/04/21 Python
详解用Python处理HTML转义字符的5种方式
2017/12/27 Python
纯python实现机器学习之kNN算法示例
2018/03/01 Python
Python使用numpy产生正态分布随机数的向量或矩阵操作示例
2018/08/22 Python
python实现机器学习之元线性回归
2018/09/06 Python
基于python实现学生管理系统
2018/10/17 Python
Python XML转Json之XML2Dict的使用方法
2019/01/15 Python
详解Python3之数据指纹MD5校验与对比
2019/06/11 Python
利用django model save方法对未更改的字段依然进行了保存
2020/03/28 Python
利用CSS3实现的文字定时向上滚动
2016/08/29 HTML / CSS
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
美国眼镜网:GlassesUSA
2017/09/07 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
如何唤起类中的一个方法
2013/11/29 面试题
党员承诺书内容
2014/03/26 职场文书
教师思想作风整顿个人剖析材料
2014/10/10 职场文书
夫妻吵架保证书
2015/05/08 职场文书
八年级语文教学反思
2016/03/03 职场文书
python 如何用map()函数创建多线程任务
2021/04/07 Python
win11无法登录onedrive错误代码0x8004def7怎么办 ?
2022/04/05 数码科技
Redis配置外网可访问(redis远程连接不上)的方法
2022/12/24 Redis