站長(zhǎng)資訊網(wǎng)
兩種獲取方式：1、使用val()獲取input值，語法“$("input").val()”；2、使用attr()獲取input值，語法“$("input").attr("value")”。input輸入框的值是通過value屬性控制的，因此獲取input值就是獲取input元素中value屬性的值；而val()和“attr("value")”就可返回被選元素的value屬性值。
本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
在HTML中，input輸入框顯示的值是通過value屬性控制的；也就是說，獲取input值，就是獲取input元素中value屬性的值。
因此，在jquery中可以使用以下兩種方法獲取input值：
-
使用val()
-
使用attr()
方法1：使用val() 獲取input值
val() 方法可以返回被選元素的 value 屬性的值。語法：
$("input").val()
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="./js/jquery-3.6.0.min.js"></script> <script> $(function () { $("button").click(function () { var value=$("input").val(); console.log(value); }) }) </script> </head> <body> <input type="text" value="hello"/><br><br> <button>獲取input值</button> </body> </html>
方法2：使用attr()獲取input值
attr()可以獲取元素中指定屬性的值；只需要將參數(shù)設(shè)置為“value”即可獲取value屬性的值。
$("input").attr("value")
核心實(shí)現(xiàn)代碼：
<script> $(function () { $("button").click(function () { var value=$("input").attr("value"); console.log(value); }) }) </script>
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
