jQuery 是一種非常流行的 JavaScript 庫，它提供了豐富的函數和方法來簡化開發人員編寫 JavaScript 代碼的工作。jQuery 提供了眾多選擇器，其中一個非常有用的選擇器是val，它允許您獲取或設置表單元素的值。

// 獲取表單元素的值
var value = $('input[name="username"]').val();
console.log(value); // 輸出輸入框中的文本內容
// 設置表單元素的值
$('input[name="username"]').val('John Doe');
console.log($('input[name="username"]').val()); // 輸出 John Doe

上面的代碼演示了如何使用val選擇器來獲取和設置表單元素的值。在第一個示例中，我們使用選擇器獲取名為 "username" 的輸入框中的文本內容，并將其存儲在變量中。在第二個示例中，我們使用選擇器將輸入框的值設置為 "John Doe"。

此外，您還可以使用val選擇器來獲取和設置下拉列表中選定項的值。例如，如果您有一個名為 "gender" 的下拉列表，并且您想獲取當前選定的值，您可以使用以下代碼：

// 獲取選定項的值
var value = $('select[name="gender"]').val();
console.log(value); // 輸出下拉列表中選定項的值

如果您想設置下拉列表的選定項，您可以使用以下代碼：

// 設置選定項的值
$('select[name="gender"]').val('female');
console.log($('select[name="gender"]').val()); // 輸出 "female"

總之，val選擇器是 jQuery 中的一個非常有用的選擇器，它允許您輕松地獲取和設置表單元素和下拉列表中的值。