jQuery是一種可擴展的JavaScript庫,它極大地簡化了JavaScript編程。其中,一項重要的功能是可以動態地追加HTML元素或文本框。下面來介紹如何使用jQuery實現這一功能。
<script>
$(document).ready(function(){
$("button").click(function(){
$("form").append("<input type='text' name='newInput'/>");
});
});
</script>
代碼的解釋:
1. 首先,我們準備好一個HTML表單以便查看新文本框是否已成功添加。在此表單中,我們為每個文本框指定了一個名稱:
<form>
<input type="text" name="text1"><br>
<input type="text" name="text2"><br>
</form>
2. 接著,我們在JavaScript中編寫代碼邏輯。在文檔就緒后,我們使用click()方法將定義一個按鈕點擊之后所執行的函數。該函數中使用append()方法將新的文本框添加到表單中。在此示例中,我們給新的文本框指定了名稱“newInput”。
3. 最后,在HTML文件中定義一個按鈕,例如:
<button>添加文本框</button>
當用戶單擊按鈕時,jQuery將動態地在表單中添加一個新的文本框。這表明jQuery的可擴展性可以幫助你快速地構建出功能強大的Web應用程式。