在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遍歷表單元素的值非常簡便實用，可大大提高開發效率。