添加节点

来源:互联网 发布:鸡兔同笼java语言编程 编辑:程序博客网 时间:2024/03/29 08:55

做项目时遇到添加节点时的一些坑:
添加节点可以用的方法有很多:
1. append() 向每个匹配的元素内部追加内容
$(A).append(B) 将B添加到A内部最后面
$("<p>a</p>").append("<span>b</span>") =><p>a<span>b</span></p>

2. appendTo() 类似append
$(A).appendTo(B) 将a添加到b内部最后面
3. prepend() 向每个匹配的元素内部前置内容
$(A).prepend(B) 将B添加在A内部最前面
4. prependTo() 类似appendTo
5. after() 向每个匹配的元素之后添加内容
$(A).after(B) 将b添加在A元素外部后面
$("<p>a</p>").after("<span>b</span>")
=><p>a</p><span>b</span>
6. insertAfter() 同after 顺序改变
7. before() 在每个匹配的元素之前添加内容
$("<p>a</p>").before("<span>b</span>")
=><span>b</span><p>a</p>
8. insertBefore() 同before 顺序改变

但是如果在dom解析完成后再添加节点这样所添加的信息并不能执行js操作
我解决的办法是:定义一个信息,然后clone(),看这个名字也知道什么意思吧,clone(true):复制元素的同时复制元素中所绑定的事件,这样该元素的副本也同样具有复制功能,然后在进行添加,这样所添加的信息就可以执行js操作了。

原创粉丝点击