JQuery 是一款免费、开源的 JavaScript 库，使用 JQuery 可以轻松地完成诸如 DOM 操作、事件处理器、动画效果和 Ajax 等常见任务。在 Web 开发中，经常需要通过添加行来动态地更新表格、列表等页面元素。下面我们将介绍 JQuery 如何添加行。
一、在表格中添加行
在 HTML 中，我们可以使用 <table> 标签创建表格。为了在表格中添加行，我们首先需要通过 JQuery 选择表格中的一个 <tbody> 元素，然后使用 append() 方法向其添加一个新行。下面是一个示例代码：
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody class="table-body">
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>25</td>
<td>女</td>
</tr>
</tbody>
</table>
<script>
// 获取 tbody 元素
var tbody = $('table .table-body');
// 创建一个新行
var newRow = $('<tr><td>王五</td><td>22</td><td>男</td></tr>');
// 将新行添加到 tbody 中
tbody.append(newRow);
</script>在上面的代码中，我们首先使用 $() 方法获取表格中的 <tbody> 元素，然后使用 $('<tr>...')</tr> 创建一个新的行，并将新行添加到 tbody 中。注意，如果要添加多行，可以将多个行添加到一个数组中，然后使用 append() 一次性添加。
二、在列表中添加行
在 HTML 中，我们可以使用 <ul> 或 <ol> 标签创建无序或有序列表。为了在列表中添加行，我们可以使用 append() 方法向列表中添加一个新的 <li> 元素。下面是一个示例代码：
<ul class="list">
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>
<script>
// 获取列表元素
var list = $('ul.list');
// 创建一个新的 li 元素
var newItem = $('<li>梨子</li>');
// 将新元素添加到列表中
list.append(newItem);
</script>在上面的代码中，我们首先使用 $() 方法获取列表元素，然后使用 $('<li>...') 创建一个新的 <li> 元素，并将新元素添加到列表中。
三、总结
通过本文的介绍，我们了解了如何使用 JQuery 添加行到表格或列表中。可以看出，使用 JQuery 来操作 DOM 元素非常方便快捷，可以大大提高 Web 开发的效率。如果你还没有尝试过 JQuery，不妨去官网上下载并学习一下，相信它会给你带来很多便利。
以上是jquery如何添加行的详细内容。更多信息请关注PHP中文网其他相关文章！
