jQuery操作value值方法介紹
更新時間:2022年05月04日 11:39:39 作者:.NET開發(fā)菜鳥
這篇文章介紹了jQuery操作value值的方法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
val()可以獲取或設置元素的value屬性值。語法如下:
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>value值操作演示示例</title> <style> *{ margin-left: 10px; padding: 0px; } input{ display: block; float: left; } </style> <!--引入jQuery--> <script src="../jquery-3.3.1.js"></script> <!--javascript--> <script> $(function(){ $("#btnGet").click(function(){ var val=$("input[type='text']").val(); alert("value值:"+val); }); $("#btnSet").click(function(){ var html=$("input[type='text']").val("設置value值"); }); }); </script> </head> <body> <input type="text" style="display:block;margin-bottom: 10px;" /> <input type="button" id="btnGet" value="獲取val()值" style="margin-right:10px;" /> <input type="button" id="btnSet" value="設置val()值" /> </body> </html>
效果:
到此這篇關于jQuery操作value值的文章就介紹到這了。希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jQuery獲取select選中的option的value值實現方法
- jQuery獲取checkboxlist的value值的方法
- Jquery使用val方法讀寫value值
- jQuery對val和atrr("value")賦值的區(qū)別介紹
- jquery控制select的text/value值為選中狀態(tài)
- jQuery操作select下拉框的text值和value值的方法
- Jquery遍歷checkbox獲取選中項value值的方法
- jquery如何通過name名稱獲取當前name的value值
- jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
- jquery 根據name名獲取元素的value值
相關文章
jQuery中的read和JavaScript中的onload函數的區(qū)別
這篇文章主要介紹了jQuery中的read和JavaScript中的onload函數的區(qū)別,這兩個函數在web編程中是最常用的,一定要搞清楚它們的區(qū)別,需要的朋友可以參考下2014-08-08JQuery一種取同級值的方式(比如你在GridView中)
JQuery一種取同級值的方式 比如你在GridView中,實現代碼如下,需要的朋友可以參考下2012-03-03setInterval與clearInterval的使用示例代碼
本篇主要是對setInterval與clearInterval的使用示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01jQuery Validate讓普通按鈕觸發(fā)表單驗證的方法
一般的表單校驗都是直接注冊在頁面上的匿名函數,導致只能通過固定的提交方式觸發(fā)表單校驗,如果想自定義一個按鈕觸發(fā)表單校驗如何實現呢,下面通過本文給大家詳細介紹2016-12-12