jQuery中的remove()函数用于从DOM(文档对象模型)中删除匹配元素及
▥前端
𝄐 0
jqueryremove同级元素
jQuery中的remove()函数用于从DOM(文档对象模型)中删除匹配元素及其所有子元素,它具有以下语法:
javascript
$(selector).remove([filter])
其中,selector为要删除的元素的选择器,filter是一个可选参数,表示过滤要删除的元素。
例如,下面的代码会删除id为"myDiv"的div元素及其所有子元素:
html
<div id="myDiv">
<p>Some text</p>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</div>
<script>
$("#myDiv").remove();
</script>
在执行remove()后,整个#myDiv元素以及其包含的所有元素(p、ul和li)都将从文档中删除。如果您只想删除#myDiv的子元素,可以使用empty()函数来清空它,如下所示:
javascript
$("#myDiv").empty(); // 删除#myDiv的所有子元素
如果您希望删除全部符合选择器条件的元素,则可以省略选择器参数,如下所示:
javascript
$("div").remove(); // 删除所有div元素及其子元素
jQuery中的remove()函数用于从DOM(文档对象模型)中删除匹配元素及其所有子元素,它具有以下语法:
javascript
$(selector).remove([filter])
其中,selector为要删除的元素的选择器,filter是一个可选参数,表示过滤要删除的元素。
例如,下面的代码会删除id为"myDiv"的div元素及其所有子元素:
html
<div id="myDiv">
<p>Some text</p>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</div>
<script>
$("#myDiv").remove();
</script>
在执行remove()后,整个#myDiv元素以及其包含的所有元素(p、ul和li)都将从文档中删除。如果您只想删除#myDiv的子元素,可以使用empty()函数来清空它,如下所示:
javascript
$("#myDiv").empty(); // 删除#myDiv的所有子元素
如果您希望删除全部符合选择器条件的元素,则可以省略选择器参数,如下所示:
javascript
$("div").remove(); // 删除所有div元素及其子元素
本文地址:
/show-270035.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。