做项目时遇到添加节点时的一些坑:
添加节点可以用的方法有很多:
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操作了。