jQuery是一個非常流行的JavaScript庫,它可以使JavaScript編程更加簡便和高效。其中,.val()方法是jQuery中常用的一個方法,它用于獲取或設置表單元素的值,包括輸入框、下拉框等等。下面我們通過示例代碼來深入了解.val()方法。
<input type="text" id="name"> <button id="btn">點擊獲取姓名以上代碼中,我們首先創建了一個輸入框和一個按鈕,并使用jQuery選擇器獲取了它們的DOM對象,然后在按鈕的點擊事件中調用.val()方法獲取輸入框中的值,并使用alert()方法彈出提示框顯示這個值。
除了獲取表單元素的值,.val()方法還可以用于設置表單元素的值。例如下面的示例代碼:
<select id="fruit"> <option value="1"><b>蘋果</b></option> <option value="2"><b>橘子</b></option> <option value="3"><b>香蕉</b></option> <option value="4"><b>西瓜</b></option> </select> <button id="btn2">點擊設置水果以上代碼中,我們創建了一個下拉框和一個按鈕,并在按鈕的點擊事件中使用.val()方法將下拉框的值設置為"4"(即西瓜)。
綜上所述,.val()方法是jQuery中一個十分常用的方法,它可以方便地獲取和設置表單元素的值,是我們日常開發中需要了解和掌握的重要內容。
下一篇jquery util