jquery 删除全部子节点

最新推荐文章于 2023-06-16 20:36:22 发布

悟世君子

最新推荐文章于 2023-06-16 20:36:22 发布

阅读量5k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/wsjzzcbq/article/details/110342679

版权

jquery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

jquery 获取全部子节点用 children() 方法，删除节点使用 remove() 方法

删除全部子节点写法如下

$("#user").children().remove()

示例代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.2.1.min.js"></script>
	</head>
	<body>
		<div id="app">
			<form id="user">
				<input type="checkbox" name="name" value="1" />
				<input type="checkbox" name="name" value="2" />
				<input type="checkbox" name="name" value="3" />
				<input type="checkbox" name="name" value="4" />
			</form>
			
		</div>
		<script>
			$("#user").children().remove()
		</script>
	</body>
</html>

效果如下图