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

 1.初始网页效果如图

2.点击全选按钮，选定所有表格

3.点击取消按钮取消全选

3.点击删除按钮，删除所选行

4.输入信息，点击增加按钮，将在学生信息表中增加一行数据

 效果图：

HTML文件：

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<script>
	     $(function(){
			 $("#selectBtn").click(function(){//全选
				 $("input[name=select]").prop("checked",true)
			 });
			 $("#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("您确定要删除数据吗?"))