核心代碼
<input type="text" id="a" value="初始內容" />
// 獲取值
var value = $("#a").val(); // 返回 "初始內容"
// 設置值
$("#a").val("新內容");
關鍵點
$("#a")：ID 選擇器，返回包含該 DOM 元素的 jQuery 對象。.val()：無參數時獲取，有參數時設置。適用於 input、select、textarea 等表單元素。- 返回值類型：
string（單選）、Array<string>（多選 select multiple）。
常見變體
| 場景 | 代碼 |
|---|
| 獲取原生 DOM 值 | document.getElementById("a").value |
| 實時綁定輸入事件 | $("#a").on("input", function(){ console.log($(this).val()); }); |
| 表單序列化提交 | $("#formId").serialize() → a=值&b=值 |
| 帶命名空間的 ID | $("#namespace\\:id").val()（雙反斜杠轉義冒號） |
避坑指南
- 確保 jQuery 庫已加載（
console.log($.fn.jquery) 驗證）。
- ID 在頁面唯一，重複 ID 導致
$("#a") 僅匹配第一個。
- 動態添加的元素需事件委託：
$(document).on("input", "#a", handler)。
.val() 不觸發 change 事件，程式設置後需手動 .trigger("change")。
掌握 $("#id").val() 這一核心 API，覆蓋 90% 表單取值場景。
- 上一篇文章： VS2013 Debug/Release 模式編譯差異導致錯誤：未初始化變量與非所有路徑返回值
- 下一篇文章： 記事本寫 Java 程序無法運行：缺少 main 方法或類名與文件名不匹配
Copyright ©
程式碼之家 All Rights Reserved
