JQuery文档操作

  					JQuery文档操作
-----------------------------------------------------------------------------------
开发工具与关键技术:VS.JQuery作者：纳兹,撰写日期：2019.07.08,源于:老师教程
-----------------------------------------------------------------------------------

内部插入：append（）：向每个匹配的元素内部追加内容。例子如下图：append() 在 #div1中追加(最后插入) “

向每个匹配的元素内部追加内容

”：（KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲div1").append("…("#div1").append(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲p1"))）。appendTo…(“

把所有匹配的元素追加到另一个指定的元素集合中。

”).appendTo(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲div1"))；用于也会把外面…("#p2").appendTo(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲div1"))。Append(…("#div1").prepend(“

向每个匹配的元素内部前置内容。

”)）, KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲p2").appendTo(("#div1"))同样移动到#div1；prependTo()：把所有匹配的元素前置到另一个、指定的元素集合中。prependTo() 把 yy 插入到 xx 内部的最前面：$("<p>把所有匹配的元素前置到另一个、指定的元素集合中</p>").prependTo($("#div1"))，KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲p4").prependTo(("#div1"))，原理和appendTo()一样只不过在在前面追加。
外部插入：after()：在每个匹配的元素之后插入内容。在#div1外面插入（插入同级元素）：KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲div1").after("<…("#div1").after(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲p1"))把内部元素移出到外部…(“

把所有匹配的元素插入到另一个、指定的元素集合的后面

”).insertAfter(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲div1"))，类似于appe…(“h1”).wrap("

")，$("p").wrap($("#div2"))包裹进div2。unwrap()：这个方法将移出元素的父元素：$("p").unwrap()。wrapAll()：将所有匹配的元素用单个元素包裹起来，会破坏原有文档结构。wrapInner()：将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来。替换：所有匹配的元素都替换为指定的HTML或DOM元素；replaceAll()：颠倒了的replace()方法；如果在替换之前，已经在元素上绑定了事件。替换后原先绑定的事件会与原先的元素一起消失。复制：匹配的DOM元素，返回值为克隆后的副本，但此时复制的新节点不具有任何行为。clone（true）：复制元素的同时也复制元素中的事件。删除：empty()：清空，删除匹配的元素集合中所有的子节点（$("#div1").empty()）。remove()：从DOM中删除所有匹配的元素，绑定的事件，附加的数据等都会被 移除；var objRemove= $(".pC1").remove()：所有移除的对象都在objRemove对象中。detach()：从DOM中删除所有匹配的元素，所有绑定的事件、附加的数据等都会保留下来（varobjDetach=$(".pC1").detach()）。
以上为JQuery的文档处理。