使用jQuery在Table中动态增加行和清空Table是常见的前端操作，尤其在处理用户交互时，如表单数据的增删改查。以下将详细解释如何实现这些功能。
让我们看看如何使用jQuery动态增加Table行。在给定的代码中，`getFrjl()` 和 `addFrjl()` 是两个关键的函数。`getFrjl()` 可能用于初始化表格，而 `addFrjl()` 用于添加新的行。
`addFrjl()` 函数中的逻辑如下：
1. 创建一个新的 `<tr>` 行元素，通过变量 `trHTML` 定义。
2. 行内包含四个 `<td>` 单元格，分别用于显示开始日期、结束日期、工作单位和职务。
3. 开始日期和结束日期使用了 `onClick="WdatePicker()"` 事件，这通常意味着使用了一个日期选择插件，如 jQuery UI 或者 EasyUI 的日期选择器，以友好的方式让用户输入日期。
4. 最后一个单元格包含一个删除按钮，使用 `onclick="delTr(this)"` 来调用删除行的函数，这里的 `this` 指向触发事件的元素（即删除按钮）。
当用户点击 `#addFrjl` 对应的元素（可能是按钮或链接）时，`trHTML` 被追加到 `#frjlTable tbody` 中，这样就实现了动态添加行。
接下来，保存数据的部分由 `$('#sure').click(function() { ... })` 处理。当用户点击保存按钮时，执行以下步骤：
1. 初始化一个空数组 `frjlList` 用于存储表格数据。
2. 设置一个布尔值 `flag` 为 true，用于检查数据是否有效。
3. 如果没有 `.frjlClass` 类的行（即没有填写任何个人简历），则显示错误信息并返回。
4. 否则，遍历每个 `.frjlClass` 类的行，提取开始日期、结束日期、工作单位和职务，并封装成一个对象 `frjl`。
5. 对于每行，检查开始日期是否为空，如果为空则设置错误信息，将 `flag` 设置为 false 并停止遍历。
6. 如果结束日期不为空，还会进行日期比较，确保开始日期早于结束日期，否则也会显示错误信息。
`frjlList` 中包含了所有有效的表格数据，可以通过这个列表进一步发送到服务器端进行持久化存储。`delTr` 函数未在给定的代码中展示，但它的作用应该是根据传递的 `this` 参数（删除按钮元素）找到对应的行并移除。
总结一下，本示例展示了如何使用jQuery进行动态表格操作，包括添加行、验证用户输入以及保存数据。这些技术在许多Web应用中都有广泛应用，特别是那些需要用户交互和数据管理的场景。通过熟练掌握这些方法，开发者可以构建更富交互性和用户体验良好的前端应用。
