jQuery-页面元素综合案例

页面元素综合案例，如下图所示：

 点击上面的刷新按钮可以显示如下的数据内容，并且可以实现元素的选中，删除，批量删除等功能，如下图所示：

 该效果为页面元素综合案例效果图，下面我们将实现这个效果。

一，先写HTML页面

由图分析，需要的元素有“button”刷新的按钮，一个大的“table”表格，“thead”表格的表头内容，里面包含tr th标签，“tbody”表格的主体内容，里面包含tr td标签。

		刷新
		

		

			

				

					
勾选
					
编号
					
名称
					
价格
					
品牌
					
操作
				
			
			

			

					
			
		
		

			
				
					全选
				
				
					
				
			
		
	

当程序运行起来时，我们首先看到的是下面这张图片：

 二，写jQuery，来实现效果图。

 点击刷新的按钮会显示以上的元素，可以一一删除每个元素，可以点击全选删除，全选删除显示的是最开始程序运行的结果，也可实现批量删除等功能，如下图所示：

 根据自己的需求来选择内容的删除与保留。