在web开发中，表单是非常常见的元素，而使用jQuery遍历表单元素的值则是一个非常实用的技巧。下面我们就来详细了解一下使用jQuery遍历表单元素的值的方法。

首先，在HTML中我们需要先创建一个表单，并且为表单元素添加name属性：

<form><label>姓名:</label><input type="text" name="name"><br><label>年龄:</label><input type="text" name="age"><br><label>性别:</label><input type="radio" name="gender" value="male">男<input type="radio" name="gender" value="female">女<br><input type="button" value="提交" id="submitBtn"></form>

然后，在jQuery中使用.val()方法遍历表单元素的值，如下所示：

$(function(){$(#submitBtn).click(function(){var nameVal = $(input[name=name]).val();var ageVal = $(input[name=age]).val();var genderVal = $(input[name=gender]:checked).val();console.log(姓名：+nameVal);console.log(年龄：+ageVal);console.log(性别：+genderVal);});});

在上述代码中，我们通过获取表单元素的name属性值使用jQuery的选择器获取表单元素，再通过.val()方法获取表单元素的值。注意，对于单选框和复选框需要使用:checked伪类选择器来获取选中元素的值。

除了上述方法，我们还可以使用$.each()方法来遍历表单元素的值：

$(function(){$(#submitBtn).click(function(){$(form).find(input,select,textarea).each(function(){var name = $(this).attr(name);var value = $(this).val();console.log(name+:+value);});});});

在上述代码中，我们先通过$(form).find(input,select,textarea)选择所有的表单元素，再通过$.each()方法遍历表单元素的name和value值。

综上所述，使用jQuery遍历表单元素的值非常简便实用，可大大提高开发效率。