jQuery之DOM节点操作
节点插入
很多节点放置在此,很多人童鞋并不知道其中的区别,都是知道能插入即好。下面我们一起来看看这些东东有什么差异。
- append()
- appendTo()
- prepend()
- prependTo()
- after()
- before()
- insertAfter()
- insertBefore()
操作
append()
向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
这个只是添加新的内容,不涉及到以前内容
appendTo()
前提这个东东已存在
将前面的内容补充到后面的标签中
类添加时添加到最前面的最前面的标签上
prepend()
向每个匹配的元素内部前置内容。
这是向所有匹配元素内部的开始处插入内容的最佳方式。
prependTo()
把所有匹配的元素前置到另一个、指定的元素元素集合中。
after()
在每个匹配的元素之后插入内容。
兄弟之间节点拼接
在XX之后
before()
在每个匹配的元素之前插入内容。
insertAfter()
把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
insertBefore()
把所有匹配的元素插入到另一个、指定的元素元素集合的前面。
(“p”).before(
(“b”);表示p的前面是b,也就是b要插到p的前面。
$(“p”).insertBefore(“b”);表示将p插入到b的前面