Jquery Test Table01

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>jquery-Test1</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script src="jquery/jquery-1.11.1.js"></script>
<script src="jquery/jquery-1.11.1.min.js"></script>
<script src="jquery/jquery.pagination.js" type="text/javascript"></script>
<script src="jquery/jquery.pagination.js" type="text/javascript"></script>
<link href="jquery/pagination.css" rel="stylesheet" type="text/css" />
</head>
<script>
$(document).ready(function(){
	$("#AddBtn1").click(function(){
		var str = "";
		for(var i=0;i<3;i++){
			str=str+"<tr><th>小王1</th><th>男</th><th>25</th></tr>";
		}
		
		$("#table1").append(str);
	});
	$("#DelBtn1").click(function(){
		$("#table1 tr:gt(0)").remove();//列出 index 大于 0 的元素,也就间全部
	});
	
	//循环遍历
	$("#s").click(function(){
		var str = "";
		var i = 3;
		$(this).each(function(i){
			alert('a'+i);
		});
		for(var i=0;i<5;i++){
			alert('b');
		}
	});
});
</script>
<style>
	<%--tr {color: #FF0000; font-size; 13px}--%>
    th {
    border-width: 1px;
    padding: 2px;
    border-style: solid;
    border-color: #FF0000;
}
</style>

<body>
	<table id="table1" style="width: 50%" bgcolor="#ffc"  rules=rows   cellspacing=0   align=left> 
		<tr><th>Name</th><th>Sex</th><th>Age</th></tr>
		<tr><th>a</th><th>a</th><th>a</th></tr>
		<tr><th>a</th><th>a</th><th>a</th></tr>	
	    <tr><th>a</th><th>a</th><th>a</th></tr>	
	    <tr><th>a</th><th>a</th><th>a</th></tr>
	</table>
	</br></br></br></br></br></br></br>
	<button  type="button" id="AddBtn1">添加行数据</button>
	<button  type="button" id="DelBtn1">删除行数据</button>
	<button  type="button" id="s">删除行数据</button>
</body>

 

你可能感兴趣的:(jquery)