jQuery是一種流行的JavaScript庫，它可以幫助開發者快速簡單地遍歷表單的值。在本文中，我們將演示如何使用jQuery遍歷表單的值，以及如何在網頁中顯示這些值。

// 遍歷表單的值
$("form").find(":input").each(function() {
var name = $(this).attr("name");
var value = $(this).val();
console.log(name + ": " + value);
});
// 在網頁中顯示表單的值
$("form").submit(function() {
var formData = $(this).serializeArray();
var output = "";
$.each(formData, function(index, field) {
output += "
" + field.name + ": " + field.value + "
";
});
$("#results").html(output);
return false;
});

首先，我們使用jQuery的選擇器`$("form")`，找到了我們想要遍歷的表單元素。接著，我們使用`.find(":input")`方法遍歷所有的表單控件，存儲每個控件的名稱和值。最后，使用`console.log()`函數將每個控件的名稱和值輸出到控制臺中。

接下來，我們會演示如何將表單的值在網頁中顯示出來。我們使用`.serializeArray()`方法將表單中的數據序列化為可提交的字符串格式。然后，使用`$.each()`函數遍歷這個數組，并使用字符串拼接語法拼接出每個字段的名稱和值，最后將這些字符串包裝在`

`標簽中，并使用jQuery的`.html()`方法將它們添加到網頁中指定的元素中。

通過使用這些技巧，我們可以輕松地遍歷并顯示表單的值，為用戶提供更好的交互體驗。