jquery11 说完添加，我们再来说说删除

weixin_43811818

于 2019-11-27 18:02:25 发布

阅读量57

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/weixin_43811818/article/details/103280717

版权

jquery 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="button" value="按钮" id="btn"/>
		<ul id="ul">
			<li>我是第一个li标签</li>
			<li>我是第二个li标签</li>
			<li id="li3">我是第三个li标签</li>
			<li>我是第四个li标签</li>
			<li>我是第五个li标签</li>
		</ul>
	</body>
</html>
<script src="./jquery-3.4.1.js"></script>
<script type="text/javascript">
	$(function(){
		//给按钮设置点击事件
		//清空元素 empty()
		$('#btn').click(function(){
			//1 清空<ul>
				//$('#ul').html("");//不推荐使用,不安全 只是清空内容 比如绑定了事件,可能造成类型泄露
		//		$('#ul').empty();//推荐使用
		
		//2 移除某一个元素
		//$('#li3').remove();//"自杀"
		 
		 //3 移除ul,只能获取li3
		 $('#li3').parent().remove();
		});
		//empty是清空内容,但ul还在/
		//remove内容和ul全部清除
	});
</script>