jQuery- 删除或清空某个HTML元素

Ariye 2015-02-16

jQuery使用下面两个方法来删除或是清空某个HTML元素。

           remove() – 删除指定的元素（包括其子元素）
           empty() – 清空指定元素的子元素

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>JQuery Demo</title> 
<script src="scripts/jquery-1.9.1.js"></script> 
<script> 
$(document).ready(function () { 
$("button").click(function () { 
$("#div1").remove(); 
}); 
}); 
</script> 
</head> 
<body> 
  
<div id="div1" style="height: 100px; width: 300px; 
border: 1px solid black; background-color: yellow;"> 
This is some text in the div. 
<p>This is a paragraph in the div.</p> 
<p>This is another paragraph in the div.</p> 
  
</div> 
<br> 
<button>Remove div element</button> 
  
</body> 
</html>
empty：
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>JQuery Demo</title> 
<script src="scripts/jquery-1.9.1.js"></script> 
<script> 
$(document).ready(function () { 
$("button").click(function () { 
$("#div1").empty(); 
}); 
}); 
</script> 
</head> 
<body> 
  
<div id="div1" style="height: 100px; width: 300px; 
border: 1px solid black; background-color: yellow;"> 
This is some text in the div. 
<p>This is a paragraph in the div.</p> 
<p>This is another paragraph in the div.</p> 
  
</div> 
<br> 
<button>Empty the div element</button> 
  
</body> 
</html>

jQuery的remove()方法也支持一个参数，可以用于过滤一些需要删除的HTML元素。这个参数可以为任何有效的jQuery selector.
比如下面代码只删除class=”italic”的<p>元素：

    
$("p").remove(".italic");
Ariye

Ariye

相关推荐

了解这些操作，Python中99%的文件操作都将变得游刃有余！

处理文件是我们几乎每天都躲不开的任务之一。Python中含有几个用于执行文件操作的内置模块，例如读取文件，移动文件，获取文件属性等。本文总结了许多值得了解的函数，这些函数可用于进行一些Python中最常见的文件操作，可以极大地提高我们处理文件的效率。读取或

dflyzx / 0评论 2020-09-17

shell while 双循环对比查找共有字段

#查找两个文件中的共有字段while read linedo while read line2 do if [[ $line -eq $line2 ]] then echo $line2 fi done < aaa.txtdone < bbb.

higheels / 0评论 2020-07-20

Python-闭包

ret 指向函数内部定义的函数 test_in，原来的 number 还用原来传入的值。以上的应用，外层相当于定义一个二元一次方程，内层传一个横坐标，返回纵坐标。line 之后再用 line，函数没有被销毁。

Ericbig / 0评论 2020-07-19

数据处理：oltp和olap

数据处理大致可以分成两大类：联机事务处理OLTP、联机分析处理OLAP。OLTP是传统的关系型数据库的主要应用，主要是基本的、日常的事务处理，例如银行交易。OLAP是数据仓库系统的主要应用，支持复杂的分析操作，侧重决策支持，并且提供直观易懂的查询结果。OL

yinyang00 / 0评论 2020-05-15

启动django报错

Traceback : File "F:\Python27\lib\logging\handlers.py", line 77, in emit self.doRollover(). 日志文件的问题，停止pycharm，删除日志文件，再

lijiuchangxin / 0评论 2020-05-14

python读取大词向量文件

我们在工作中经常遇到需要将词向量文件读取到内存，但是正常情况下，我们的单词个数都是数十万个，单词的向量都是几百维，所以导致文件比较大，动辄几个G，在读取文件的时候经常会比较慢，有没有什么办法能够加快读取文件的速度呢，接下来，本人将从如下几种方法，进行速度的

yogoma / 0评论 2020-05-09

Python Basic - 练习-提示用户输入长度跟宽度，然后输出字符“0”描述出一个正方形

[ python-script]# cat square.py. #!#date : 2020.04.19. #author : feihuang. line=int(input("line number:")). column=i

jacktangj / 0评论 2020-04-19

Shell脚本批量修改文件编码为UTF-8

iconv -f gbk -t utf8 $line > a. b文件中存放着需要修改的文件路径。可多个文件路径，每行一条路径

Yyqingmofeige / 0评论 2020-03-26

python 逐行读取文件的几种方法

下面四种Python逐行读取文件内容的方法， 分析了各种方法的优缺点及应用场景，以下代码在python3中测试通过， python2中运行部分代码已注释，稍加修改即可。line = f.readline() # 调用文件的 readline()方法。#

idning / 0评论 2020-02-14

python with (as)语句

with语句适用于对资源进行访问的场合，确保不管使用过程中是否发生异常都会执行必要的“清理”操作，释放资源，比如文件使用后自动关闭、线程中锁的自动获取和释放等。line = f.readline() # 调用文件的 readline

宿舍 / 0评论 2020-01-31

kafka 配置文件参数详解

最为核心的三个配置 broker.id、log.dir、zookeeper.connect 。##每一个broker在集群中的唯一标示，要求是正数。在改变IP地址，不改变broker.id的话不会影响consumers. ##kafka数据的存放地址，多个

luenxin / 0评论 2020-01-22

python--读取excel通过django框架入库mysql(完整代码)

sheets = xls.sheet_names() # 所有sheet，列表。text = item[1] # excel第二列

水痕 / 0评论 2020-01-18

python逐行读取文件内容的三种方法

f = open # 返回一个文件对象。line = f.readline() # 调用文件的 readline()方法。print line, # 后面跟 ‘,‘ 将忽略换行

chouliqingke / 0评论 2020-01-08

linux中按行读取指定行

#head -n $line $file #取前三行。#tail -n 1 $file #取最后一行。#2条命令用管道合在一起。head -n $line $file | tail -n 1. 读取函数能被3整除的行，并输入到一个文件中。count=$

secondid / 0评论 2019-12-18

Mac gyp: No Xcode or CLT version detected!

Software Update found the following new or updated software:. Title: Command Line Tools for Xcode, Version: 11.3, Size: 224878K,

XCodeRush / 0评论 2019-12-17

PHP Warning: PHP Startup: in Unknown on line 0

apache+php的配置；依旧不行.......

wangdoudou0 / 0评论 2013-06-03

Python3并发写文件与Python对比

使用python2在进行并发写的时候，发现文件会乱掉，就是某一行中间会插入其他行的内容。但是在使用python3进行并发写的时候，无论是多进程，还是多线程，都没有出现这个问题，难道是python3的特性吗？用python3反复运行，均通过测试没有异常。

ryuhfxz / 0评论 2019-11-20

更新 Ubuntu 12.04 内核至 3.8.0

完成后重启电脑，通过命令 “uname -r” 来查看内核是否成功更新。接下来就是清理旧内核文件，在终端输入 “dpkg –get-selections | grep linux”，然后通过命令 “sudo apt-get remove xxxx” 将3.

qonsnow / 0评论 2014-03-07

line-clamp无法生效的解决方案

参考链接MDN -webkit-line-clamp作者描述？在去掉white-space属性后添加查到得CSS样式，就能得到上述效果，网上给的答案大概是这个意思....不过本着学习态度，自己还是尝试调试了一下在将 overflow 属性注释掉的情况，我发

coulder / 0评论 2019-11-17

Twitter的分布式自增ID算法Snowflake

Twitter-Snowflake算法产生的背景相当简单，为了满足Twitter每秒上万条消息的请求，每条消息都必须分配一条唯一的id，这些id还需要一些大致的顺序，并且在分布式系统中不同机器产生的id必须不同。把时间戳，工作机器id，序列号组合在一起。除

wangxiaohua / 0评论 2015-05-09

Android开发中SQLiteCursor未关闭引起的异常及其解决方法

经分析，该异常是由于Cursor打开后未被正常关闭引起。

Helene / 0评论 2010-11-10

shell脚本批量检测端口是否被占用脚本

#!/bin/bash. nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then

JavaLab / 0评论 2015-05-21

接口限流算法总结

曾经在一个大神的博客里看到这样一句话：在开发高并发系统时，有三把利器用来保护系统：缓存、降级和限流。顾名思义，限流就是限制流量，就像你宽带包了1个G的流量，用完了就没了。通过限流，我们可以很好地控制系统的qps，从而达到保护系统的目的。本篇文章将会介绍一下

wangxiaohua / 0评论 2016-11-22

shell:读取文件的每一行内容并输出

写法二：管道命令

Yyqingmofeige / 0评论 2019-11-03

Line加好友营销机器人2019版

码农的小得小感 / 0评论 2019-11-01

C语言进行csv文件数据的读取

char buffer[20450];//20450这个数组大小也要根据自己文件的列数进行相应修改。fseek; //定位到第二行，每个英文字符大小为1，16425L这个参数根据自己文件的列数进行相应修改。=NULL)//当没有读取到文件末尾时循环继续。

徐建岗网络管理 / 0评论 2019-10-25

Python 执行tail文件并操作

def log_search(self, logfile, search_content, timeout=10):. f = subprocess.Popen([‘tail‘, ‘-F‘, logfile], stdout=subprocess.PIPE

liusarazhang / 0评论 2019-10-21

解决python疑难杂症python—文件迭代操作，教你读取文件的多种方法

要读取一个文件有很多种方式：按字节数读取、按行读取、按段落读取、一次性全部读取等等。如果不是深入的操作文件数据，按行读、写是最通用的方式。在Python中，readline()函数可以一次读取一行，且每次都是前进式的读取一行，读到文件结尾的时候会返回空字符

宿舍 / 0评论 2019-10-22

阿里程序员，30 岁之前你要学着开始规划自己的职业发展了

有读者问我职业规划这个话题，姑且今天好好谈谈，因为我一直认为这个话题对职场工作人士非常重要，今天我就来聊聊程序员的职业规划。这本质上其实都是因为有没有职业规划导致的，所以说，职业规划非常重要。

Duriansir / 0评论 2019-10-14

jQuery中$.get、$.post、$.getJSON和$.ajax的用法

callback：可选参数，function类型，当ajax返回成功时自动调用该函数。使用JSON相比传统的通过 GET、POST直接发送“裸体”数据，在结构上更为合理，也更为安全。callback=X"这种格式，让程序执行回调函数X。其中opt

我只是个程序员 / 0评论 2014-06-30

微信浏览器中支持直接下载apk，通过跳转到应用宝

client=android&code=edusoho. <!DOCTYPE html>. <meta http-equiv="Content-Type" content="text/html; ch

FZfeng / 0评论 2015-01-05

Python源文件中使用UTF-8编码

# -*- coding: utf-8 -*-print "你好！

sesiria / 0评论 2012-06-17

shell读取文件的每一行写法

for逐行读和while逐行读是有区别的,如:. $ cat file | while read line; do echo $line; done. $ for line in $; do echo $line; done

北冥有鱼的Blog / 0评论 2018-09-16

mysql无法启动！ 错误号1067

人家说是.ini的问题，但是不知道怎么操作！打开mysql\bin\my.ini，查找[mysqld]，在[mysqld]下面添加一行文字，skip-grant-tables

MySQLfred / 0评论 2016-09-22

(转)[Xcode]xcode-select --install

Mac最新场景下安装Xcode时已经没有Command Line了，需要单独安装。根据提示在使用命令xcode-select --install 安装时最后结果是不能安装该软件。Developer Apple上手动下载对应的Command Line Too

alivio / 0评论 2018-10-23

linux系统关于 unrecognized service

能ping 通服务器 ， 但远程无法连接，我怀疑远程服务没开启。就输入了，service sshd start命令，结果显示:ssh:unrecognized service.我输入查看命令 service ssh status 显示也是 unrecogn

fqx / 0评论 2017-10-21

shell脚本批量检测端口是否被占用脚本

#!/bin/bash. nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then

北冥有鱼的Blog / 0评论 2015-05-21

mysql备份脚本

只要复制粘贴本脚本到文本编辑器中，输入数据库用户名、密码以及数据库名即可。我备份数据库使用的是mysqlump命令。后面会对每行脚本命令进行说明。mysqldump –u user-name –p ‘password’ database-name >

helloworlddm / 0评论 2014-11-25

根据database_params.conf数据库配置信息重写hibernate.cfg.xml文件

根据同事的需求写的。用这个工具可以解决配置文件只需要配一次数据库信息。/*** Author: Steven Zhu * Date：2008-1-18 下午05:27:08* NMS, UTStarcom, Shenzhen*/

helloworlddm / 0评论 2014-05-28

15个实用的Linux find命令示例

欢迎加入技术翻译小组。除了在一个目录结构下查找文件这种基本的操作，你还可以用find命令实现一些实用的操作，使你的命令行之旅更加简易。本文将介绍15种无论是于新手还是老鸟都非常有用的Linux find命令。首先，在你的home目录下面创建下面的空文件，来

hickwu / 0评论 2014-05-23

更新 Ubuntu 12.04 内核至 3.8.0

完成后重启电脑，通过命令 “uname -r” 来查看内核是否成功更新。接下来就是清理旧内核文件，在终端输入 “dpkg –get-selections | grep linux”，然后通过命令 “sudo apt-get remove xxxx” 将3.

eastnow / 0评论 2014-03-07

我的 Git 偏好設定

. 讓 Command Line 指令列顯示目前處在哪一個 Git Branch 分支，最早是在RGBA看到這一招，非常方便。另外我最近看到一個點子是顯示從上一次 commit 之後過了多久時間，這可以提醒你是不是該 commit 了 XD. 請修改家目錄

vagabond / 0评论 2014-02-25

k8s时区问题解决方案

前几天在使用k8s中的CronJob时发现了一个很奇怪的问题， 按照官方文档的demo跑起来是没有任何问题的，但是当我想要设置每天一个固定时间点例如12点20执行一个job的时候，到了时间之后无论如何都不会执行。一开始怀疑是cron表达式写的有问题，但是经

风起于青萍之末 / 0评论 2019-08-09

五大基础排序算法

假如我们现在要排序的数组为[3,1,0,2,8,4,2]。那么选择排序的排序流程为：。在这个数组中除了第一个位置的元素外找出最小值与第二个元素交换，因为第二个元素就是最小的所以此次没有发生变化。现在整个数组是不是已经变得有序了呢。接下来我们看图解版本。&l

Broadview / 0评论 2019-07-27

LINUX CURL命令参数详解（转）

linuxcurl是通过url语法在命令行下上传或下载文件的工具软件，它支持http,https,ftp,ftps,telnet等多种协议，常被用来抓取网页和监控Web服务器状态。curl -d 'user=sea24&password=12345

andylanzhiyong / 0评论 2019-08-16

Linux Shell 通配符、元字符、转义符使用实例介绍

说到shell通配符，大家在使用时候会经常用到。下面是一个实例：。在 通配符被处理后, shell会先完成该命令的重组，然后再继续处理重组后的命令，直至执行该命令。了解了shell通配符，我们现在看下，shell常见通配符有那一些了。把通配符理解为shel

北冥有鱼的Blog / 0评论 2013-04-28

shell几例

现在已知的是 while read line在subshell中运行，如果里面的一些variable要引用原shell variable,则取不到值。

北冥有鱼的Blog / 0评论 2013-04-25

AWK工具学习(一)-awk介绍

'、'+'两个扩展元字符，而grep和sed并不支持。[lidc@hd66 awk-experiment]$ awk '/^$/{print "this is a blank line"}' input. 解释：以上是判断输入文件是不是

misszc / 0评论 2013-02-20

linux sed 命令的简单应用

是linux shell脚本中比较重要的命令，下面就根据一个小小的需求来琢步分解一条较复杂的sed命令。首先创建一个测试文档,命名为 test.log. 需求是将这个日志中包含 “li” 的记录，中间名称部分和后面的消费时间，拼成一句sql ，并存入数据库

WilliamLin / 0评论 2012-01-28