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文件，查看实现的结果。