jquery中如何使用remove()方法删除元素

jquery中除了empty()方法可以删除元素,还可以使用remove()方法删除元素,remove()方法与empty()方法有些不同,remove()方法是删除JQuery对象对应的DOM节点,并不是DOM对象的所有子节点。本文向大家介绍jquery中使用remove()方法删除元素的过程。

remove()方法

1、用于移除被选元素,包括所有的文本和子节点。

2、也会移除被选元素的数据和事件。

3、删除JQuery对象对应的DOM节点,每删除一个节点,其索引会变化。可以在删除索引后,改变循环的值,使用jQuery的remove方法直接删除节点。

使用语法

$(selector).remove()

使用remove()方法删除元素实例

<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").remove();
});
});
</script>
</head>
<body>

<divid="div1"style="height:40px;width:300px;border:1pxsolidblack;background-color:yellow;">
你的梦想会随之你的年龄慢慢消失</p></div>
<button>移除div元素</button>
原文来自:https://www.py.cn
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容