jquery實現點擊按鈕向層里加文本框

在jquery中，可以通過獲得層對象，利用append()方法向層內添加文本框。下面小編舉例講解jquery實現點擊按鈕向層里加文本框。

東西/原料

1
新建一個html文件，定名為test.html，用于講解jquery實現點擊按鈕標的目的層里加文本框。
2
在test.html文件內，利用div標簽建立一個模塊層，用于添加文本框。
3
為了展示結果，給div層設置css樣式，界說其寬度為300px，高度為200px，布景顏色為灰色。
4
在test.html文件內，利用button標簽建立一個按鈕，按鈕名稱為“添加文本框”。
5
在test.html文件中，給button按鈕綁定onclick點擊事務，當按鈕被點擊時，執行addinput（）函數。
6
在js標簽中，建立addinput()函數，在函數內，經由過程元素名稱獲得div對象，利用append()方式標的目的div內添加文本框，即input標簽。
7
在瀏覽器打開test.html文件，查看實現的結果。