jquery点击一个按钮新增一个div怎么做

在jquery中,可以使用app()方法实现div的新增 。 下面小编举例讲解jquery点击一个按钮新增一个div怎么做 。

jquery点击一个按钮新增一个div怎么做

文章插图

需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解jquery点击一个按钮新增一个div怎么做 。
jquery点击一个按钮新增一个div怎么做

文章插图

2在test.html文件内,利用p标签建立一个区域,用于在此区域内新增div 。
jquery点击一个按钮新增一个div怎么做

文章插图

3在test.html文件内,设置p标签的id为testid,用于下面经由过程该id获得p标签对象 。
jquery点击一个按钮新增一个div怎么做

文章插图

4在test.html文件内,建立一个button按钮,给button绑定onclick点击事务,当按钮被点击时,执行addDiv()函数 。
jquery点击一个按钮新增一个div怎么做

文章插图

5在js标签内,建立addDiv()函数,在函数内,经由过程id获得p标签对象,利用app()方式实现div的新增 。
jquery点击一个按钮新增一个div怎么做

文章插图

6在浏览器打开test.html文件,点击按钮,查看成果 。
jquery点击一个按钮新增一个div怎么做

文章插图

jquery点击一个按钮新增一个div怎么做

文章插图

总结:1【jquery点击一个按钮新增一个div怎么做】1、利用p标签建立一个区域,设置p标签的id为testid 。
2、在js中,经由过程id获得p标签对象,利用app()方式实现div的新增 。

注重事项以上例子的变量i本家儿要作为新增div的标识 。

以上内容就是jquery点击一个按钮新增一个div怎么做的内容啦,希望对你有所帮助哦!

    推荐阅读