jQuery操作value值方法介紹
更新時(shí)間：2022年05月04日 11:39:39 作者：.NET開發(fā)菜鳥
這篇文章介紹了jQuery操作value值的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
val()可以獲取或設(shè)置元素的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("設(shè)置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="設(shè)置val()值" />
</body>
</html>效果：
到此這篇關(guān)于jQuery操作value值的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jQuery獲取select選中的option的value值實(shí)現(xiàn)方法
- jQuery獲取checkboxlist的value值的方法
- Jquery使用val方法讀寫value值
- jQuery對(duì)val和atrr("value")賦值的區(qū)別介紹
- jquery控制select的text/value值為選中狀態(tài)
- jQuery操作select下拉框的text值和value值的方法
- Jquery遍歷checkbox獲取選中項(xiàng)value值的方法
- jquery如何通過name名稱獲取當(dāng)前name的value值
- jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
- jquery 根據(jù)name名獲取元素的value值
相關(guān)文章
javascript 自定義回調(diào)函數(shù)示例代碼
使用函數(shù)做參數(shù)就有下面的好處：當(dāng)你a(b)的時(shí)候函數(shù)b就成了回調(diào)函數(shù)，而你還可以a(c)這個(gè)時(shí)候，函數(shù)c就成了回調(diào)函數(shù)2014-09-09
ASP.NET中AJAX 調(diào)用實(shí)例代碼
最近在ASP.NET中做了一個(gè)AJAX調(diào)用 : Client端先從ASP.NET Server后臺(tái)取到一個(gè)頁面模板，然后在頁面初始化時(shí)再從Server中取一些相關(guān)數(shù)據(jù)以實(shí)現(xiàn)頁面模板的動(dòng)態(tài)顯示2012-05-05
這篇文章主要介紹了jquery控制表單輸入框顯示默認(rèn)值的方法,可實(shí)現(xiàn)輸入框出現(xiàn)出現(xiàn)默認(rèn)值的效果,需要的朋友可以參考下2015-05-05
本篇文章主要介紹了jquery replace方法去空格的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05
基于jquery的關(guān)于動(dòng)態(tài)創(chuàng)建DOM元素的問題
在我們實(shí)際的項(xiàng)目之中，相信有很多的朋友直接使用了以下的格式創(chuàng)建DOM元素。2010-12-12
jQuery實(shí)現(xiàn)動(dòng)態(tài)顯示select下拉列表數(shù)據(jù)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)顯示select下拉列表數(shù)據(jù)的方法,涉及jQuery針對(duì)json數(shù)據(jù)的讀取、遍歷及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-02-02
今天小編就為大家分享一篇關(guān)于AJAX在JQuery中的應(yīng)用詳解，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01
jQuery實(shí)現(xiàn)最簡(jiǎn)單的切換圖效果【可兼容IE6、火狐、谷歌、opera等】
這篇文章主要介紹了jQuery實(shí)現(xiàn)最簡(jiǎn)單的切換圖效果,可兼容IE6、火狐、谷歌、opera等瀏覽器,涉及jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2016-09-09
基于jquery的一個(gè)簡(jiǎn)單的腳本驗(yàn)證插件
基于jquery的一個(gè)簡(jiǎn)單的腳本驗(yàn)證插件，希望能對(duì)大家有所幫助，有demo2010-04-04
Bootstrap table 實(shí)現(xiàn)樹形表格聯(lián)動(dòng)選中聯(lián)動(dòng)取消功能
這篇文章主要介紹了Bootstrap table 實(shí)現(xiàn)樹形表格聯(lián)動(dòng)選中聯(lián)動(dòng)取消功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-09-09