首页 > 代码库 > Jquery实现表格中的查看删除修改

Jquery实现表格中的查看删除修改

2024-08-05 02:28:40   218人阅读

首先我们在学习js的时候就有接触到表格中的一些操作，那么Jquery是一个兼容多浏览器的轻量级的javascript库，它的核心理念是写的更少，做的更多。

        现在就用学到的Jquery来做一个表格中的查看删除修改感受一下Jquery的强大。

        第一步：我们编写html页

        

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>查看修改删除</title>
<link rel="stylesheet" type="text/css" href=http://www.mamicode.com/"table.css">>
        第二步：编写样式
       
#table{
	border:1px solid #abcdef;
	border-collapse:collapse;
	width:600px;
}
tr{height:30px;}
th {
	border:1px solid #abcdef;	
}
td{		
	border:1px solid #abcdef;
	text-align:center;
}
td a{
     margin-right:5px ;
	color:#f00;
}
.popDiv{
	width:500px;
	padding:10px;
	border:1px solid red;
	position:absolute;
	left:50%;
	top:100px;
	background:#fff;
	display:none;
	z-index:4;
}
.popDiv p{
	border-bottom:1px solid red;
}

  






Jquery实现表格中的查看删除修改


联系
我们