javascript核心技术(二十八)jq的标签节点操作(六) 清空源码与清空内容文本

[复制链接]
查看: 1266|回复: 31
发表于 2023-1-26 13:21:12 | 显示全部楼层 | 阅读模式
上一节我们讲了val、html和text这三个方法分别可以给元素写value,写html、写内容,既然可以写入,当然就可以使用这三个方法实现内容的清空了,这是一种清空方法。
jq还提供了一个专门用作清空的命令:empty。
它既可以清空text也可以清空html。
下面我们来看一下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>清空源码与清空内容文本</title>
    <script src="./jquery.js"></script>
</head>
<body>
    <div id="box">
        <input type="text" id="input_t">
        <span id="span2">这是span2</span>
        <span id="span3">这是span3</span>
        <span id="span4">这是span4</span>
        <span id="span5">这是span5</span>
    </div>
</body>
<script>
    $('#input_t').val('123');
    $('#span2').html('<b>hello</b>');
    $('#span3').text('hello');
    $('#span4').text('<b>hello</b>');

    $('#input_t').val('');//清空value
    $('#span2').html("");//清空html
    $('#span5').text("");//清空text
    $('#span3').empty();//清空的是text
    $('#span4').empty();//清空的是html

</script>
</html>



执行结果如下:
javascript核心技术(二十八)jq的标签节点操作(六) 清空源码与清空内容文本

这部分内容非常简单,大家只需要知道:使用empty可以同时清空html和text,使用val可以清空values即可。

易博软件介绍

0

主题

20

帖子

11

积分

营销入门

Rank: 2

积分
11
发表于 2023-2-20 00:36:48 | 显示全部楼层
好东西啊
发表于 2023-3-3 17:08:34 | 显示全部楼层
成功/对我来说,,成功就是一个新的起点,,什么叫成功,我才刚上路咧  引用发哥的话,。  无论什么时候,我们都要想的是一个新的起点,这样我们才不会满足现状,目标也会更清晰  现在的我自信心越来越膨胀,我感觉有种云里雾里的感觉可能得来太容易了,我发现我太狂了,言不由衷。  

0

主题

25

帖子

13

积分

终身会员

Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25

积分
13
发表于 2023-3-14 06:46:28 | 显示全部楼层
谢谢你的经验。  非常感谢!

0

主题

21

帖子

11

积分

营销入门

Rank: 2

积分
11
发表于 2023-3-23 16:19:14 | 显示全部楼层
感触很深!看来得好好不断学习,充实自己

0

主题

9

帖子

5

积分

营销入门

Rank: 2

积分
5
发表于 2023-3-29 00:10:16 | 显示全部楼层
天下一绝啊!!!!!!!!!!!好!!!!!!!!!!!!!
发表于 2023-4-3 15:26:42 | 显示全部楼层
看来以前所做的努力都和这上面说的错太远了啊。  我将来也得走程序员的路,我知道它很苦.至少现在刚开始接触程序的我就已经焦头烂额了,而自己还不知急,整天怨天尤人.读了这篇文章使我收益非浅.让我真正的认清自己.我想起了编程老师为让我们抓紧学习,给我们讲中国软件在世界的地位,美国可以占90%,10%是欧洲的,13亿人口的中国却占不上位置.为什么会这样,我不敢评论,因为自己没资格.我们寝室的同学可能略见一斑,打游戏,每天必修,老师留了个万年历的分组完成程序,我们组十一在学校玩了7天,愣是一个也没有去做的,我自己电脑不能装VC那是借口,我知即使我装上了VC我也做不出来,我自己也是1天到晚的游戏啊!自己还想学好C,这样又怎么学好啊!没毅力,没韧性.坐享天成又怎么可能呢?谢谢您的教导让我如梦初醒!  楼主的文章对我启发很大,我也是一个学计算机的本科生,谢谢楼主。

0

主题

18

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-4-8 21:38:24 | 显示全部楼层
深有感触!深有感触!

0

主题

12

帖子

7

积分

营销入门

Rank: 2

积分
7
发表于 2023-4-13 13:29:15 | 显示全部楼层
汗,看了之后我流汗了.  CPU是为用户服务的,不是为程序员服务的经典!

0

主题

18

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-4-18 02:34:31 | 显示全部楼层
不错不错
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

 
 
QQ在线客服
QQ技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫
weixin

QQ|小黑屋|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表