码迷,mamicode.com
首页 > Web开发 > 详细

JQuery动态创建、删除DOM元素

时间:2018-06-28 00:58:41      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:false   返回   com   lse   删除   dom节点   创建   before   innerhtml   

动态创建Dom节点

    1.使用$(html字符串)来创建Dom节点

    2.append方法用来在元素的末尾追加元素

    3.prepend,在元素的开始添加元素。 prependTo。after,在元素之后添加元素(添加兄弟)。before:在元素之前添加元素(添加兄弟)。

删除节点

    (1)remove()删除选择的节点

    (2)empty()是将节点清空,清除节点的innerHTML,节点还在

动态创建Dom节点示例:

1.使用$(html字符串)来创建Dom节点,并且返回一个jQuery对象,然后调用append等方法将新创建的节点添加到其他节点(元素)中: 

var link = $("<a href=‘http://www.baidu.com‘>百度</a>");
                $("div:first").append(link);

$()创建的就是一个jQuery对象,可以完全进行操作

var link = $("<a href=‘http://www.baidu.com‘>百度</a>");
                link.text("百毒");
                $("div:first").append(link);

  

 

JQuery动态创建、删除DOM元素

标签:false   返回   com   lse   删除   dom节点   创建   before   innerhtml   

原文地址:https://www.cnblogs.com/2mei/p/9236545.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!