<%@ 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>