jquery操作表单和表格

jQuery是一个用于简化JavaScript操作的库，可以轻松地操作表单和表格。下面是一些常见的jQuery操作表单和表格的方法。

1. 获取表单元素的值：

var value = $('#inputId').val();  // 获取输入框的值
var selectedValue = $('#selectId').val();  // 获取下拉列表选中项的值

2. 设置表单元素的值：

$('#inputId').val('new value');  // 设置输入框的值
$('#selectId').val('option2');  // 设置下拉列表选中项的值

3. 提交表单：

$('#formId').submit();  // 提交表单

4. 遍历表格数据：

$('#tableId tbody tr').each(function() {
    var rowData = $(this).find('td').map(function() {
        return $(this).text();
    }).get();
    console.log(rowData);  // 输出每一行数据
});

5. 添加表格行：

$('#tableId tbody').append('<tr><td>data1</td><td>data2</td></tr>');  // 添加一行数据

6. 移除表格行：

$('#tableId tbody tr:last-child').remove();  // 移除最后一行数据