`

1-5(表格)

jquery 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格</title>
<!-- 引入 jQuery -->
<script src="../scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
	/*
	添加注释：
	在一个id为table的表格的tbody中，如果每行最后一列中的checkbox没有被禁用，
	则把这行的背景设为红色
	*/
	$("#table>tbody>tr:has(td:has(:checkbox:enabled))").css("background","red");

});
</script>
</head>
<body>
<table id="table">
<tbody>
<tr>
	<td>第1行</td>
	<td>第1行</td>
	<td>第1行</td>
	<td>第1行</td>
	<td>第2行<input type="checkbox" disabled="disabled"/></td>
</tr>
<tr>
	<td>第2行</td>
	<td>第2行</td>
	<td>第2行</td>
	<td>第2行</td>
	<td>第2行<input type="checkbox" /></td>
</tr>
<tr>
	<td>第3行</td>
	<td>第3行</td>
	<td>第3行</td>
	<td>第3行</td>
	<td>第3行<input type="checkbox" disabled="disabled"/></td>
</tr>
<tr>
	<td>第4行</td>
	<td>第4行</td>
	<td>第4行</td>
	<td>第4行</td>
	<td>第4行<input type="checkbox" /></td>
</tr>
</tbody>
</table>
</body>
</html>
分享到：
| jQuery对象和DOM对象的相互转换
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    table-rowspan表格自动合并单元格插件

    1. **表格（Table）**：HTML中的`&lt;table&gt;`元素用于创建表格，表格由行（`&lt;tr&gt;`）和单元格（`&lt;td&gt;`或`&lt;th&gt;`）组成。`&lt;td&gt;`用于普通数据，`&lt;th&gt;`用于表头。 2. **rowspan属性**：`rowspan`是HTML表格单元格的一个属性...

    多媒体技术-----表格

    1. **插入记录（表格）**：在大多数多媒体编辑软件如Dreamweaver中，可以通过点击工具栏中的“插入”选项卡下的“表格”按钮来创建一个新的表格。在弹出的“表格”对话框中，可以设置表格的行数、列数以及是否显示...

    uni-app table表格

    1. **数据展示**：`table`组件可以用来展示二维数据，例如表格形式的数据，每一行代表一个对象，每一列代表对象的一个属性。 2. **行列配置**：你可以自定义表格的列数和行数，通过设置`columns`和`data`属性来决定...

    Android程序源码--表格框架布局

    1. **TableLayout的属性**： - `stretchColumns`：此属性用于指定应拉伸哪些列以填充可用空间。这使得表格能自适应屏幕宽度。 - `shrinkColumns`：允许指定列收缩，当表格空间不足时，这些列将缩小以适应内容。 -...

    某马机构----表格.rar

    5. 表格属性：`&lt;table&gt;`标签支持多种属性，如`border`定义边框宽度，`cellpadding`和`cellspacing`控制单元格内的边距，`width`指定表格宽度等。例如： ```html &lt;table border="1" cellpadding="5" cellspacing="0...

    人事管理系统--excel表格

    1. 数据排序和筛选：通过排序和筛选功能，快速查找和组织员工信息。 2. 公式和函数：利用SUM、COUNTIF、VLOOKUP等函数进行数据计算和关联，例如计算员工的工资总额或查找特定员工的信息。 3. 条件格式：设置条件格式...

    --表格-插件.zip--

    标题中的“--表格-插件.zip--”表明这是一个与表格相关的软件组件，它被封装成一个ZIP压缩包形式提供下载。Vue.js是一个流行的前端JavaScript框架，用于构建用户界面，而这个插件是针对Vue.js设计的，目的是为了帮助...

    javascript经典特效---改变表格的内容.rar

    1. **选择表格元素**：JavaScript提供了多种方法来选择表格元素，例如`document.getElementById()`、`document.querySelector()`、`document.querySelectorAll()`等。如果表格有特定ID，可以使用`getElementById`；...

    YOLO本文表格检测-table-文本表格检测.zip

    1. 训练数据集：可能包含带有txt和xml标注的图像，用于训练YOLO模型。 2. 模型配置文件：YOLO的配置文件定义了网络架构、超参数等，用于训练或加载预训练模型。 3. 预训练模型：已经训练好的YOLO模型权重文件，可以...

    【工程文档】-监理表格5.doc

    【工程文档】-监理表格5.doc 是一份关于监理工作表格使用的详细指导文件，适用于建筑工程的质量管理和施工过程控制。文档中提到了监理工程师通知书，主要内容是规范承包单位在施工过程中使用不同类型的监理工作表格...

    DataTables - jQuery表格插件

    5. 数据表格的优化与性能： - 为了提高性能，可以使用服务器端处理数据，减少客户端的负担。 - 利用延迟加载（deferRender）特性，只在需要时渲染表格行，减少内存占用。 - 对于大数据量的表格，可以启用分页和...

    完整版近在眼前－高级表格添加按钮.rar

    5. **响应式设计**：现代网页需要适应不同设备的屏幕尺寸，因此，高级表格也需要响应式布局。Bootstrap框架中的栅格系统或者自定义媒体查询可以帮助实现这一目标。 6. **表单验证**：在添加新数据时，通常需要对...

    工程文件-表格-综合表格.zip

    标题 "工程文件-表格-综合表格.zip" 暗示了这是一个包含工程相关数据的压缩文件，其中可能存储了各种类型的表格，用于整理、记录和分析工程项目中的信息。描述中的内容重复了标题，进一步强调了文件的核心内容是表格...

    uParse修复版优化表格css等html富文本加载

    1. **表格样式控制**：uParse可能提供了更好的CSS支持，使得开发者可以更轻松地定义表格的样式，如边框、颜色、行高、列宽等，确保在不同的浏览器和设备上保持一致的显示效果。 2. **响应式设计**：对于移动设备的...

    vue+基于element-ui的表格封装组件

    5. **API设计**：封装组件通常会提供一套清晰的API供其他组件或页面调用，比如`props`和`methods`，使得在使用时更加方便。 6. **可配置性**：用户可以通过传入不同的参数来控制表格的行为，比如是否开启分页、每页...

    （源代码）第03讲：uni-pagination实现表格分页查询

    5. **show-elevator**: 是否显示快速跳转输入框，用户可以直接输入页码跳转。 6. **show-sizer**: 是否显示每页显示条数的选择器。 7. **page-size-opts**: 每页显示条数的可选值数组，例如[10, 20, 50]。 8. **...

    活字格-获取表格中当前单元格的值.zip

    1. **事件驱动编程**：活字格支持事件驱动的编程模型，比如当用户在表格中点击或更改某个单元格时，可以触发相应的事件处理程序。在这种情况下，事件处理程序负责获取选中单元格的值。 2. **API调用**：活字格提供...

    参考资料-1表格使用说明.zip

    "参考资料-1表格使用说明.zip"这个压缩包文件显然包含了关于如何有效使用表格的详细指南。主要文件"1表格使用说明.doc"可能涵盖了从基本操作到高级技巧的全方位教程。 表格在电子文档中的应用广泛，例如在Microsoft...

    易语言学习-高级表格支持库最新测试版 2012-7-24.zip

    1. **多列多行**：支持创建包含大量数据的表格，用户可以自由添加、删除列和行，满足复杂的数据组织需求。 2. **数据绑定**：能够与易语言的数据结构（如数组、列表等）绑定，实现数据的动态更新和同步。 3. **...

    参考资料-全套表格.zip

    1. **表格设计**：如何有效地组织和展示数据，包括列头设计、行划分、颜色编码以及使用图表和图形增强可读性。 2. **数据分析**：表格内的数据可能涉及统计分析，如平均值、中位数、模式识别、趋势分析等，帮助用户...

Magicbox
Global site tag (gtag.js) - Google Analytics