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函数
Dec 22 Javascript
jQuery学习笔记之Helloworld
Dec 22 Javascript
JavaScript学习笔记(一) js基本语法
Oct 25 Javascript
jQueryUI写一个调整分类的拖放效果实现代码
May 10 Javascript
javascript表单验证 - Parsley.js使用和配置
Jan 25 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
Aug 21 Javascript
jquery选择器需要注意的问题
Nov 26 Javascript
Angularjs全局变量被作用域监听的正确姿势
Feb 06 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
Dec 28 Javascript
JS按钮闪烁功能的实现代码
Jul 21 Javascript
Angular中sweetalert弹框的基本使用教程
Jul 22 Javascript
Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法
May 26 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
高分R级DC动画剧《哈莉·奎茵》第二季正式预告首发
2020/04/09 欧美动漫
第十一节 重载 [11]
2006/10/09 PHP
BBS(php &amp; mysql)完整版(二)
2006/10/09 PHP
Apache服务器无法使用的解决方法
2013/05/08 PHP
php实现的操作excel类详解
2016/01/15 PHP
php中的explode()函数实例介绍
2019/01/18 PHP
PHP多进程通信-消息队列使用
2019/03/08 PHP
MSN消息提示类
2006/09/05 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
Jquery实现带动画效果的经典二级导航菜单
2013/03/22 Javascript
动态加载script文件的两种方法
2013/08/15 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
jquery map方法使用示例
2014/04/23 Javascript
60个很实用的jQuery代码开发技巧收集
2014/12/15 Javascript
javascript原生ajax写法分享
2016/04/10 Javascript
JS实现简单的二元方程计算器功能示例
2017/01/03 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
2019/04/20 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
2019/09/18 Javascript
ES6扩展运算符和rest运算符用法实例分析
2020/05/23 Javascript
Python之自动获取公网IP的实例讲解
2017/10/01 Python
对python中使用requests模块参数编码的不同处理方法
2018/05/18 Python
python实现内存监控系统
2021/03/07 Python
Python实现正整数分解质因数操作示例
2018/08/01 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
python数据归一化及三种方法详解
2019/08/06 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
Juicy Couture Beauty官方网站:香水和化妆品
2019/03/12 全球购物
2014年最新学习全国两会精神心得
2014/03/17 职场文书
作风建设年活动总结
2014/08/27 职场文书
2014年党员整改措施范文
2014/09/21 职场文书
党支部组织生活会整改方案
2014/09/30 职场文书
2014年教育教学工作总结
2014/11/13 职场文书
php双向队列实例讲解
2021/11/17 PHP
GPU服务器的多用户配置方法
2022/07/07 Servers