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

html+jquery+css

代码编纂器:zend studio 10.0

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解操纵jquery在某个div后添加一个div。

    caef76094b36acaf0245989d73d98d1001e99c2d.jpg
  2. 2

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

    83025aafa40f4bfb532390350c4f78f0f63618db.jpg
  3. 3

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

    79f0f736afc37931a59b8848e4c4b74542a911db.jpg
  4. 4

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

    aec379310a55b3195a0a8c144ca98226cefc17db.jpg
  5. 5

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

    203fb80e7bec54e70049147fb6389b504fc26a2d.jpg
  6. 6

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

    f636afc379310a5503a2d095b84543a9832610c8.jpg
  7. 7

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

    55e736d12f2eb938a2c87493da628535e5dd6f2d.jpg 0b55b319ebc4b745f012b977c0fc1e178b8215c8.jpg
  • 发表于 2019-12-07 17:28
  • 阅读 ( 806 )
  • 分类:其他类型

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

推荐文章

联系我们:uytrv@hotmail.com 问答工具