jquery怎麼改變input的value屬性

WBOY
發布: 2022-09-09 16:02:14
原創
3618 人瀏覽過

在jquery中,可以利用val()方法來改變input的value屬性;val()方法用來傳回或設定被選元素的value屬性,value屬性用來規定input元素的值,語法為「$(input元素物件).val(input修改後的value屬性值);」。

jquery怎麼改變input的value屬性

本文操作環境:windows10系統、jquery3.6.1版、Dell G3電腦。

jquery怎麼改變input的value屬性

val() 方法傳回或設定被選元素的 value 屬性。

  • 當用於傳回值時:

該方法傳回第一個符合元素的 value 屬性的值。

  • 當用於設定值時:

該方法設定所有符合元素的 value 屬性的值。

注意:val() 方法通常與 HTML 表單元素一起使用。

語法

傳回value 屬性:

$(selector).val()
登入後複製

設定value 屬性:

$(selector).val(value)
登入後複製

範例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("input").val("PHP中文网");
});
});
</script>
</head>
<body>
<p>名称: <input type="text" name="user" value="www.php.cn"></p>
<button>设置input的值</button>
</body>
</html>
登入後複製

輸出結果:

jquery怎麼改變input的value屬性

相關教學推薦:jQuery影片教學

#

以上是jquery怎麼改變input的value屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板