/**
* 清除表格内容(保留表头)
*/
function clearTr(){
//清除表格节点内容(不包含表头)
$("#roleInfo .c666").nextAll().each(function(i){
$(this).remove();
});
}
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin: auto;">
<tr>
<td height="35" align="left" bgcolor="#EAF4EA" style="padding-left:10px; /*display: none;*/ ">
<input id="role_seach_txt" type="text" style="width:150px; height:19px;" />
<input id="role_seach_btn" type="button" value="搜索" style="background:url(../img/btn_search.gif); width:57px; height:25px; border:0;" />
</td>
<td width="35%" height="35" align="left" bgcolor="#EAF4EA" style="padding-left:10px;">
<input id='toolbar_btn_add' name="toolbar_btn_add" type="button" value ="添加" class="btn_666"/>
<input id='toolbar_btn_mod' name="toolbar_btn_mod" type="reset" value="修改" class="btn_666"/>
<input id='toolbar_btn_del' name="toolbar_btn_del" type="button" value="删除" class="btn_666"/>
</td>
</tr>
</table>
<br>
<table id="roleInfo" width="95%" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#D7E6CC" style="margin: auto; font-size: 12px;">
<tr class="c666">
<th height="20" width="2%" align="left" bgcolor="#F2F9F2">序号</th>
<th width="10%" bgcolor="#F2F9F2">角色编号</th>
<th width="10%" bgcolor="#F2F9F2">角色名称</th>
</tr> </table>
分享到:
相关推荐
在jQuery中实现表头固定的插件,可以极大地提高用户体验,尤其对于大数据量的表格,表头的固定使得用户在滚动页面时始终能看见列名,增强了可读性。 "基于jQuery的table表头固定"通常涉及到以下关键技术点: 1. **...
jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互,使得开发更加便捷。 该插件的核心功能在于动态生成多层表头和数据。在传统的HTML表格中,表头通常是静态的,而这个插件通过...
在冻结表头的场景中,jQuery主要用于操作DOM,监听滚动事件,并根据需要复制和定位表头。 `CloneTableHeader.js`是实现冻结表头功能的JavaScript代码。在这个文件中,开发者会编写逻辑来监听表格的滚动事件,当表格...
本示例是基于jQuery库实现的表头固定功能,它能够提供一种直观的用户体验,使得用户在浏览长表格时能轻松地识别和定位数据。 要实现表头固定,主要涉及以下几个步骤和关键知识点: 1. **HTML结构**:首先,需要...
总结来说,jQuery冻结表头和列是通过创建复制的表头和列,结合滚动事件处理和CSS定位来实现的。理解这一过程可以帮助开发者自定义实现或更好地使用现有的jQuery插件,提升用户体验,特别是在处理大数据表格时。
在这个解决方案中,我们使用jQuery 1.5.2.min.js,这是一个压缩版的jQuery库,体积小但功能强大,能高效地实现各种DOM操作。 `fixTable.js`是专门为解决表头和列固定问题编写的JavaScript插件。这个插件的工作原理...
本教程将深入探讨如何利用`jQuery`来创建一个表头固定、内容区域可滚动的表格。 首先,我们需要在HTML中构建基本的表格结构。表头`<thead>`通常包含表的列名,而表体`<tbody>`则包含实际的数据行。例如: ```html ...
用JQuery写的固定表头插件,供大家一起共同分享学习。
例如,`$('table thead th')`可以获取表格中的所有表头。 2. **绑定点击事件**:为每个表头单元格添加点击事件监听器,当用户点击时触发排序功能。可以使用`click()`函数来实现,如`$('table thead th').click...
标题中的“jquery1.4.1 固定表头以及左边的列”指的是在使用jQuery 1.4.1版本时,如何实现一个数据表格的表头(thead)和左侧列(通常为分类或操作列)在滚动时始终保持固定显示的技术问题。这种效果在大数据量的...
为了解决这个问题,我们可以利用jQuery来实现表头和列的固定效果,使用户在滚动时始终能看到列标题。本教程将详细讲解如何使用jQuery、JavaScript和HTML实现这一功能。 1. **HTML结构**: 首先,我们需要创建一个...
DOM API允许JavaScript程序对文档进行动态操作,如查找、添加、修改或删除元素。jQuery提供了简化版的DOM操作接口,例如$(selector)用于选择元素,$.append()、$.remove()等方法用于操作元素。 **Highcharts** ...
**jQuery DOM操作** jQuery库是JavaScript的一个强大工具,它极大地简化了对DOM(Document Object Model)的操作。DOM是HTML和XML文档的结构化表示,允许我们通过编程方式访问和修改页面内容。jQuery提供了丰富的...
总之,创建一个具有固定表头和列的全浏览器兼容的 jQuery 表格涉及多方面的技术,包括 JavaScript 事件监听、DOM 操作、CSS 定位和兼容性处理。通过合理地组织代码和利用现有的资源,我们可以构建出高性能且用户友好...
该插件基于JavaScript库jQuery,它是一个轻量级、高性能的库,使得DOM操作变得更加简单。jQuery提供了丰富的API和选择器,使得开发者能够快速地实现各种动态效果和交互功能。在这个特定的插件中,jQuery被用来监听...
JQuery固定表头 及左侧列
jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、AJAX请求、事件处理以及创建复杂的网页特效。jQuery的核心特性包括对JSON的支持、XML解析以及一套强大的选择器系统,使得开发者能够更加高效地选取和操作...
3. **调用插件**:在DOM加载完成后,通过jQuery选择器找到表格元素,然后调用插件进行初始化。 4. **设置参数**:传递参数,如需要冻结的行数或列数,以及可能的其他配置项。 5. **响应式处理**:可能需要添加额外的...
jQuery是一个强大的JavaScript库,可以简化DOM操作和事件处理。在表格滚动时,我们需要监听滚动事件(`scroll`),然后根据滚动条的位置调整表头的位置。例如,可以写一个函数,在滚动事件触发时,计算出表头应有的...
总的来说,"Jquery表格添加滚动条插件,固定表头"这个主题涉及到前端开发中的DOM操作、事件处理、CSS样式和JavaScript插件使用。通过使用jQuery和相应的插件,我们可以提供更优秀的用户体验,使用户在浏览大数据量的...