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中w2ui是什么?

jQuery给元素设置/取消readonly和disabled属性

jQuery与javascript有什么关系?

jQuery a标签不可用的实现方法

jQuery如何让按钮不可用

jQuery中select组件的使用方法

jQuery怎么判断是否绑定事件

如何使用jQuery的插件

jQuery怎么判断值是否在数组中

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




打赏

取消

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

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

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

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

评论

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