jquery怎么删除html元素


当前第2页 返回上一页

1.gif

jQuery empty() 方法

jQuery empty() 方法删除被选元素的子元素。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.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;">

 

这是 div 中的一些文本。

<p>这是在 div 中的一个段落。</p>

<p>这是在 div 中的另外一个段落。</p>

 

</div>

<br>

<button>清空div元素</button>

 

</body>

</html>

效果图:

2.gif

相关视频教程推荐:jQuery教程(视频)

以上就是jquery怎么删除html元素的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

jQuery读取json中文乱码怎么办

实例讲解jQuery与js实现ajax

jQuery中on()和live()的区别是什么?

jQuery中$是什么?

360浏览器不支持jQuery怎么办

jQuery on和bind的区别是什么

jQuery on bind之间有什么区别

jQuery如何查找指定元素的父类

jQuery怎么转数字

jQuery怎么实现奇偶行不同颜色

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...