在JS中用DOM动态的修改网页

		 });

		 $("#selectCancle").click(function(){//取消选择

			 $("input[name=select]").prop("checked",false)

		 });

		 $("#delBtn").click(function(){//删除所选项

			 $("input[name=select]").each(function(index,element){

				 if($(this).prop("checked"))//如果当前元素被选中

				if(window.confirm("您确定要删除数据吗?"))

				    {

							$(this).parent().parent().remove();//删除当前元素的父元素的父元素的所有子元素，即<tr>的所有子元素

					}

			 });

		 })

		 $("#addBtn").click(function () {//添加

		         var name = $("#username").val();

		         var sex =$('input:radio:checked').val();

				 var grade=$("#grade").val();

		         var number = $("#number").val();

		         var tr = "<tr><td>" + name + "</td><td>" + sex + "</td><td>" + grade + "</td><td>" + number + "</td><td>" + '<input name="select" type="checkbox" value="select">' + "</td></tr>";

		         $("#table").append(tr);

		       });

	 })；

</script>

**JS文件：** 

	<center>

	<div id="box">

		<table width="400" border="1" id="table">

			<caption>学生信息表</caption>

			<tr>

				<td>姓名</td>

				<td>性别</td>

				<td>班级</td>

				<td>学号</td>

				<td>状态</td>

			</tr>

			<tr>

				<td>王红</td>

				<td>女</td>

				<td>4</td>

				<td>20211001</td>

				<td><input name="select" type="checkbox" value="select"></td>

			</tr>

			<tr>

				<td>张三</td>

				<td>男</td>

				<td>1</td>

				<td>20211002</td>

				<td><input name="select" type="checkbox" value="select"></td>

			</tr>

		</table>

		<button id="selectBtn">全选</button>

		<button id="selectCancle">取消</button>

		<button id="delBtn">删除</button>

		<button id="addBtn">增加</button><br>

		用户名：<input id="username" type="text" /><br>

		性别：<input id="sex" type="radio" name="性别"  value="男" />男<!--一组单选按钮的name属性必须相同-->

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
有帮助，需要这份全套学习资料的朋友可以戳我获取！！**](https://bbs.csdn.net/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！