动态生成节点与删除节点

一、动态生成节点

使用$(html字符串)来创建DOM节点，并且返回一个JQuery对象，然后使用append()等方法将该JQuery对象添加到Dom中，比如

var a=$("<a href='http://www.baidu.com'>百度</a>");

$("div:first").append(a);

以上两句代码的意思就是创建一个a标签的JQuery对象，然后将该对象添加到div元素里；

常用的添加JQuery对象到另外一个JQuery对象的方法：

1、append ，用来在元素的末尾追加元素（子）

2、prepend, 用来在元素的开始追加元素（子）

3、before，在元素之前添加元素（兄弟）

4、after，在元素之后添加元素（兄弟）

二、删除节点

remove()删除选择节点，比如$("#div1").remove(),将id为div1的节点删除；

remove()方法返回值为被删除的节点，可以用该返回值添加到其他元素中，如下所示

var div=$("#div1").remove()； //声明变量div来保存被删除的节点

$("#p1").append(div); //将被删除的节点添加到p1元素的末尾

转载于:https://www.cnblogs.com/qiao2011/archive/2012/06/04/2535302.html

动态生成节点与删除节点相关推荐

jquery 元素节点操作 - 创建节点、插入节点、删除节点
jquery的节点操作说明前面的篇章对于jquery的元素操作大部分是使用html()的方式来操作,这种直接使用字符串创建的方式也是性能最高的. 使用html()操作节点首先编写一个div包含一个 ...
redis三主三从部署集群以及动态添加节点和删除节点
redis安装过程: redis6.2.6安装与学习_wtl1992的博客-CSDN博客_redis6安装1.redis在Linux上的安装github地址:Releases · redis/redi ...
JavaScript 节点概述、父节点 parentNode、子节点children、兄弟节点、创建节点添加节点、删除节点、复制拷贝节点 ★案例★
一般节点至少拥有nodeType(节点类型).nodeName(节点名称)和nodeValue(节点值)这三个基本属性元素节点 nodeType 为 1 属性节点 nodeType 为 2 文本节 ...
JS对DOM节点的操作--增加节点，删除节点
(1):DOM :DOM文档树的全称是document object model ,也就是文档对象模型,在js中,把整页面当成一个dom树,而我们可以对每一个节点都可以进行相应的操作,比如创建一个节点 ...
HDFS新增节点与删除节点
准备新节点第一步:复制一台新的虚拟机出来将我们纯净的虚拟机复制一台出来,作为我们新的节点第二步:修改mac地址以及IP地址修改mac地址命令 vim /etc/udev/rules.d/70- ...
redis集群增加节点和删除节点、或者reshard时报 migrating 错误
目录 redis安装和创建集群看这里 redis安装 redis集群 Redis集群节点增加添加节点节点的 redis.conf 配置端口 6307 启动新的redis实例 2.添加节点到集群 ...
2、OpenSceneGraph中添加节点、删除节点、隐藏节点以及添加开关的用法
1.添加节点之前要先声明一个组也就是根节点,就像是节点树一样必须要有一个根,然后在这个根下添加子节点,而子节点下还可以添加子节点,可通过osg::Group来创建一个根节点,如下代码所示: osg:: ...
d3.js实现双击删除节点并删除节点上的文字
最近项目遇到一个问题:删除节点,节点上的文字却无法删除. 经过F12的调试,我发现原来自己写的节点.连线.文字分别包裹在不同的g标签内. 于是出现了两种解决方案: (1)把文字依附在节点上 (2)选中 ...
数据结构，单链表讲解，并使用Java代码实现单链表增删改查【尾部添加，中间插入、修改节点、删除节点、展示链表】
文章目录单链表什么是单链表,链式存储结构详解链表的节点头节点,头指针和首元节点单链表的实现 1.尾部添加新节点思路分析代码实现注意事项 2.按照编号插入新节点思路分析代码实现注意 ...

动态生成节点与删除节点

动态生成节点与删除节点相关推荐

最新文章

热门文章