jQuery 是一款功能強大的 JavaScript 庫，可極大地簡化 Web 開發中的 JavaScript 編寫。其中的選擇器功能更是方便實用，可以輕松操作 DOM 元素的屬性和值。下面介紹如何使用 jQuery 選擇 id 控件的值。
$("#id").val();其中 "#" 符號代表選擇器的開始，"id" 代表要選擇的 ID 控件。val() 方法表示獲取該控件的值。我們直接調用 val() 方法即可獲取 id 控件的值。
下面是一個實例：
<html>
<head>
<script src="jquery.js"></script>
</head>
<body>
<input type="text" id="name" value="Hello jQuery!">
<button id="btn">獲取值</button>
<p id="content"></p>
</body>
</html>
<script>
$("#btn").click(function() {
var input_val = $("#name").val();
$("#content").text(input_val);
});
</script>在這個實例中，首先我們創建了一個輸入框和按鈕，并在按鈕上綁定了一個點擊事件。在事件處理函數中，我們使用 $("#name").val() 獲取了輸入框的值，并將其賦值給了一個變量 input_val。然后，我們使用 $("#content").text(input_val) 將這個值輸出到一個 id 為 content 的 p 標簽中。
這就是使用 jQuery 選擇 id 控件的值的方法。只需一行代碼，就可以輕松實現操作。
上一篇css布局讓控件橫排