在Web開(kāi)發(fā)中,我們經(jīng)常需要給頁(yè)面中的input元素設(shè)置初始值。jQuery作為最流行的JavaScript庫(kù)之一,提供了很多方法來(lái)完成這個(gè)任務(wù)。下面我們就來(lái)了解一下如何使用jQuery設(shè)置input初始值。
首先,我們需要選擇要設(shè)置初始值的input元素。這可以通過(guò)jQuery選擇器來(lái)完成。假設(shè)我們有一個(gè)id為“username”的input元素:
<input id="username" type="text">
那么我們可以通過(guò)以下代碼選中這個(gè)input元素:
var usernameInput = $("#username");
接下來(lái),我們可以使用.val()方法來(lái)設(shè)置input的初始值。例如,我們想要給username元素設(shè)置初始值為“John Doe”:
var usernameInput = $("#username");
usernameInput.val("John Doe");
當(dāng)頁(yè)面加載完畢時(shí),該input元素的value屬性將設(shè)置為“John Doe”。
需要注意的是,我們應(yīng)該在DOMContentLoaded事件中執(zhí)行這段代碼,以確保頁(yè)面完全加載完成后再設(shè)置初始值。
總結(jié):
通過(guò)選擇器選中要設(shè)置初始值的input元素,使用.val()方法設(shè)置初始值。確保在DOMContentLoaded事件中執(zhí)行代碼。