利用jquery在某个div后添加一个div

html+jquery+css
代码编纂器:z studio 10.0方式/
1新建一个html文件 , 定名为test.html , 用于讲解操纵jquery在某个div后添加一个div 。

利用jquery在某个div后添加一个div

文章插图

2在test.html文件内 , 利用div建立一行文字 , 并设置div的id为mydiv , 本家儿要用于下面经由过程该id获得div对象 。

利用jquery在某个div后添加一个div

文章插图

3在test.html文件内 , 利用button标签建立一个按钮 , 按钮名称为“增添div” 。

利用jquery在某个div后添加一个div

文章插图

4在test.html文件内 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行adddiv()函数 。

利用jquery在某个div后添加一个div

文章插图

5在js标签内 , 建立adddiv()函数 , 在函数内 , 界说一个要添加的div元素 , 为了展示结果 , 利用css设置其文字颜色为红色 , 将这个div保留在html变量中 。

利用jquery在某个div后添加一个div

文章插图

6【利用jquery在某个div后添加一个div】在adddiv()函数内 , 利用$符号经由过程div的id(mydiv)获得对象 , 利用app()方式标的目的此div添加上一步建立的div , 代码如下:

利用jquery在某个div后添加一个div

文章插图

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

利用jquery在某个div后添加一个div

文章插图

利用jquery在某个div后添加一个div

文章插图


以上内容就是利用jquery在某个div后添加一个div的内容啦 , 希望对你有所帮助哦!

    推荐阅读