jquery如何创建一个div?创建方法详解

KLQ 2020-08-03 16:45:34 java常见问答 3521

你知道jquery怎样才能够创建一个div吗?很多人对于这个不是很清楚,那么下面的文章内容就专门的对这个方面做了一个整理,一起来看看吧。

1、新建一个html文件,命名为test.html,用来讲解jquery怎样创建一个div。

jquery如何创建一个div

2、在test.html文件当中,使用p标签创建一个区域,下面将在p标签内创建一个div。

jquery如何创建一个div

3、在test.html文件当中,给p标签添加一个id属性,用于下面获得p标签对象。

jquery如何创建一个div

4、在test.html文件当中,创建一个button按钮,给button绑定onclick点击事件,在按钮被点击的时候,执行addmydiv()函数。

jquery如何创建一个div

5、在js标签当中,创建addmydiv()函数,在函数当中,创建一个div保存,在html变量当中,通过id获得p标签对象,使用append()方法创建一个div在p标签内。

jquery如何创建一个div

6、在浏览器打开test.html文件,点击按钮,查看实现的效果。

jquery如何创建一个div

jquery如何创建一个div

对于jquery怎样创建一个div你都清楚了吧,更多关于jquery的相关内容请继续通过奇Q工具网的常见问题栏目来进行了解吧。

推荐阅读:

jquery modile如何插入列表视图?方法详解

jquery ajax请求,使用jquery发送ajax请求怎么编写?

jquery和ajax的关系是什么样的?