jQuery是一種廣泛使用的JavaScript庫，可以極大地簡化JavaScript編程。其中，獲取頁面控件的值是非常常見的操作。在jQuery中，我們可以使用val()函數來獲取控件的值。

<!-- HTML代碼 -->
<input type="text" id="txtName" value="John Doe" />
<!-- jQuery代碼 -->
var name = $("#txtName").val();  // 獲取文本框的值

上面的代碼演示了如何獲取文本框的值。我們首先通過其ID屬性來選擇這個文本框，然后調用val()函數來獲取其值。這個函數的返回值就是文本框中輸入的內容。

對于復選框和單選按鈕等控件，我們可以使用prop()函數來獲取其狀態(tài)。這個函數返回一個布爾值，表示這個控件是否被選中了。

<!-- HTML代碼 -->
<input type="checkbox" id="chkRemember" checked="checked" />
<!-- jQuery代碼 -->
var remember = $("#chkRemember").prop("checked");  // 獲取復選框的狀態(tài)

上面的代碼演示了如何獲取復選框的狀態(tài)。我們同樣是通過其ID屬性來選擇這個復選框，然后調用prop()函數來獲取其狀態(tài)。這個函數的參數是要獲取的屬性名，我們這里傳入了"checked"，表示獲取復選框是否被選中的狀態(tài)。

最后，對于下拉列表框等控件，我們可以使用selected索引或selected值來獲取其選中的項。

<!-- HTML代碼 -->
<select id="selAge">
<option value="18">18歲</option>
<option value="25" selected="selected">25歲</option>
<option value="35">35歲</option>
</select>
<!-- jQuery代碼 -->
var ageIndex = $("#selAge").prop("selectedIndex");  // 獲取下拉列表框選中項的索引
var ageValue = $("#selAge").val();  // 獲取下拉列表框選中項的值

上面的代碼演示了如何獲取下拉列表框選中的項。我們仍然是通過ID屬性來選擇這個下拉列表框，然后調用prop()函數來獲取其選中項的索引或val()函數來獲取其選中項的值。