一、DOM插入现有元素内
1.append():在每个匹配的元素的末尾插入子元素,也可以将原有的元素移动位置。
2.appendTo():将匹配的元素插入到目标元素的最后面。
注意:append和appendTo最后结果一样,只是写法相反,append将要插入的元素写在append的参数中,而appendTo将背插入的元素写在
appendTo的参数中。
3.html():获取集合中的第一个匹配元素的HTML内容,设置每一个匹配元素的HTML
4.text():得到匹配元素集合中每个元素的合并文本,包括他们的后代设置匹配元素集合中每个元素的文本内容为指定的文本内容。
注意:html获取匹配元素中的所有内容,包括html标签和文本,但是text只会获取文本内容,而且html只会选择匹配集合中的第一个元素,
而text会选择匹配和中的所有元素。当插入内容时,html函数会将插入内容中的HTML元素进行解析,而text不会。
5.prepend():将参数内容插入到每个匹配元素的前面
6.prependTo():将所有元素插入到目标元素的前面
注意:prepend,prependTo的用法和书写方式与append,appendTo相同,只是prepend和prependTo是将元素插入到指定元素内的前面。
二、复制元素,
1.clone():创建一个匹配的元素集合的深度拷贝副本。
三、DOM插入现有元素外
1.after():在所有匹配的元素后面添加一个兄弟节点。
2.before():在所有匹配的元素前面添加一个兄弟节点。
3.insertBefore():与before效果相同,只是写法相反。
4.insertAfter():与after效果相同,只是写法相反。