<%@ 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做一个插件，压缩文件中有test.html是一个具体使用的案例，如果不会使用请查看https://blog.csdn.net/qq_28254093/article/details/82844050 文章
7. 从提供的源码参考信息“gamil:test_jquery_table”可以推测，可能存在一个在线的示例页面或相关的源码仓库，可以通过访问该地址来查看具体的实现效果或查看代码细节。 8. 由于文档内容是通过 OCR 技术扫描而来的...
In it, you'll learn how to traverse the DOM, handle events, perform animations, write jQuery plugins, perform Ajax requests, and even unit test your code. Its unique Lab Pages anchor each concept in ...
1. 使用`table.on('checkbox(test3)', function(obj){ ... })`监听复选框状态的变化。这里的`test3`是`lay-filter`的值，它用于标识当前操作的表格。 2. 在监听函数中，通过`table.checkStatus('test3')`获取当前...
标题中的“基于JQuery改写的一个[可调列宽TABLE插件]”指的是一个使用JavaScript库JQuery开发的，能够允许用户自定义表格（TABLE）列宽的插件。这样的插件在网页交互中十分常见，它提高了用户体验，让用户可以根据...
"VC.test.design.HTML.table.code.rar_Table_VC Html"这个标题暗示我们这里包含的是关于Visual C++（VC）测试下HTML表格设计的一些经典代码示例。这些代码可能是为了帮助开发者更高效地创建和定制HTML表格，从而在...
4. **HTML布局**：在提供的HTML文件（如test-static-01.html至test-static-07.html）中，应包含表格结构以及对话框的HTML元素。对话框通常是一个模态框，可以通过Bootstrap或者自定义CSS来实现。对话框中应该有...
压缩包中的`test.html`可能是演示这个功能的一个实例页面，它可能包含一个表格、一个用于添加行的按钮以及可能的删除按钮。`jquery-1.3.2.min.js`是jQuery库的旧版本，尽管如此，它仍然足够完成上述任务。 在实际...
在开发的过程中，经常会遇到弹出框显示前一页table列表的情况，这时候会有好多方法来来解决，有的人可能会说重新查一遍数据显示，有的人会说直接用js将值拷贝过去，然后再修改，不过现在就介绍怎么用jquery将值拷贝...
5. **lib** 文件夹：可能包含了Bootstrap Table依赖的其他库或框架，如jQuery、Bootstrap CSS等。 6. **test** 文件夹：包含自动化测试的代码，用于确保功能的正确性和维护代码质量。 7. **LICENSE** 文件：记录了...
在`tabletest`这个项目中，这些概念应该被实际应用并整合到HTML、CSS和JavaScript文件中，形成一个完整的交互式一像素表格。通过这种方式，我们可以创建既美观又具有实用性的网页表格，同时利用jQuery提供的便利性...
jQuery 解析表插件 这是一个简单的 ... jQuery("#test").parseTable({ success: function(data){ alert(data); }, cancel: function(){ alert('cancelled'); }, }); [removed] data是二维
本文将详细解析如何使用jQuery获取表单元素的各种值，包括文本框（TEXT）、文本区域（AREA TEXT）、复选框（CHECKBOX）、单选按钮（RADIO）、下拉列表（SELECT）以及表格（TABLE）中的数据。 ### 文本框（TEXT） ...
例如，`$('table')`会选择页面上的所有表格元素。我们可以通过`.html()`方法来改变元素的内容，`.append()`或`.prepend()`来向元素内部添加内容，`.attr()`和`.removeAttr()`用来设置或移除属性，而`.css()`则可以...
在“jquerytest”这个压缩包中，通常会包含以下文件和目录： 1. **CSS文件**：用于定义组件样式，例如`easyui.css`。 2. **JavaScript文件**：包含jQuery库和EasyUI框架，如`jquery.min.js`和`easyui.min.js`。 3. ...
1. **jQuery事件响应**：代码中的`<input type="button" onclick="test()" value="行列转置" />`创建了一个按钮，当用户点击按钮时，会调用名为`test`的JavaScript函数。 2. **jQuery动态操作页面元素**：`test`...
演示 jQuery hide() 函数，隐藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函数，隐藏所有 <p> 元素。 $(".test").hide() 演示 jQuery hide() 函数，隐藏所有 class="test" 的元素。 jQuery 语法 ...
return /\d{1,4}[\/-]\d{1,2}[\/-]\d{1,4}/.test(s); }, format: function(s) { var date = new Date(s.replace(/-/g, "/")); return date ? date.getTime() : s; }, type: 'numeric' }); ``` 最后，`jQuery...
$ = layui.jquery; table = layui.table; tableIns = initTable(); }); //加载列表 function initTable(){ // 执行渲染 tableIns = table.render({ id: 'idTest', elem : '#deviceTable', // 指定原始表格元素选择器...
最后，提供的 `test.htm` 文件可能是一个简单的 HTML 页面，用于演示 jQuery 动态列的功能。`jquery-1.8.1.js` 是 jQuery 的库文件，确保页面能正常使用 jQuery API。记得在页面中引入这个库，例如： ```html ...