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 > " ) . p r e p e n d T o ( ("<p>把所有匹配的元素前置到另一个、指定的元素集合中</p>").prependTo( ("<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 " ) . w r a p ( ("p").wrap( ("p").wrap(("#div2"))包裹进div2。unwrap():这个方法将移出元素的父元素: ( " p " ) . u n w r a p ( ) 。 w r a p A l l ( ) : 将 所 有 匹 配 的 元 素 用 单 个 元 素 包 裹 起 来 , 会 破 坏 原 有 文 档 结 构 。 w r a p I n n e r ( ) : 将 每 一 个 匹 配 的 元 素 的 子 内 容 ( 包 括 文 本 节 点 ) 用 一 个 H T M L 结 构 包 裹 起 来 。 替 换 : 所 有 匹 配 的 元 素 都 替 换 为 指 定 的 H T M L 或 D O M 元 素 ; r e p l a c e A l l ( ) : 颠 倒 了 的 r e p l a c e ( ) 方 法 ; 如 果 在 替 换 之 前 , 已 经 在 元 素 上 绑 定 了 事 件 。 替 换 后 原 先 绑 定 的 事 件 会 与 原 先 的 元 素 一 起 消 失 。 复 制 : 匹 配 的 D O M 元 素 , 返 回 值 为 克 隆 后 的 副 本 , 但 此 时 复 制 的 新 节 点 不 具 有 任 何 行 为 。 c l o n e ( t r u e ) : 复 制 元 素 的 同 时 也 复 制 元 素 中 的 事 件 。 删 除 : e m p t y ( ) : 清 空 , 删 除 匹 配 的 元 素 集 合 中 所 有 的 子 节 点 ( ("p").unwrap()。wrapAll():将所有匹配的元素用单个元素包裹起来 ,会破坏原有文档结构。wrapInner():将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹 起来。 替换:所有匹配的元素都替换为指定的HTML或DOM元素;replaceAll():颠倒了的replace()方法;如果在替换之前,已经在元素上绑定了事件。替换后原先绑定的事件会与原先的元素一起消失。 复制:匹配的DOM元素,返回值为克隆后的副本,但此时复制的新节点不具有任何行为。clone(true):复制元素的同时也复制元素中的事件。 删除:empty():清空,删除匹配的元素集合中所有的子节点( ("p").unwrap()。wrapAll():将所有匹配的元素用单个元素包裹起来,会破坏原有文档结构。wrapInner():将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来。替换:所有匹配的元素都替换为指定的HTML或DOM元素;replaceAll():颠倒了的replace()方法;如果在替换之前,已经在元素上绑定了事件。替换后原先绑定的事件会与原先的元素一起消失。复制:匹配的DOM元素,返回值为克隆后的副本,但此时复制的新节点不具有任何行为。clone(true):复制元素的同时也复制元素中的事件。删除:empty():清空,删除匹配的元素集合中所有的子节点(("#div1").empty())。remove():从DOM中删除所有匹配的元素,绑定的事件,附加的数据等都会被 移除;var objRemove= ( " . p C 1 " ) . r e m o v e ( ) : 所 有 移 除 的 对 象 都 在 o b j R e m o v e 对 象 中 。 d e t a c h ( ) : 从 D O M 中 删 除 所 有 匹 配 的 元 素 , 所 有 绑 定 的 事 件 、 附 加 的 数 据 等 都 会 保 留 下 来 ( v a r o b j D e t a c h = (".pC1").remove():所有移除的对象都在objRemove对象中。detach():从DOM中删除所有匹配的元素,所有绑定的事件、附加的数据等都 会保留下来(var objDetach= (".pC1").remove():所有移除的对象都在objRemove对象中。detach():从DOM中删除所有匹配的元素,所有绑定的事件、附加的数据等都会保留下来(varobjDetach=(".pC1").detach())。以上为JQuery的文档处理。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/56039eec48a43f46f2ffa405366d8c26.png)