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 内部的最前面: ( &quot; &lt; p &gt; 把 所 有 匹 配 的 元 素 前 置 到 另 一 个 、 指 定 的 元 素 集 合 中 &lt; / p &gt; &quot; ) . p r e p e n d T o ( (&quot;&lt;p&gt;把所有匹配的元素前置到另一个、指定的元素集合中&lt;/p&gt;&quot;).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("
"), ( &quot; p &quot; ) . w r a p ( (&quot;p&quot;).wrap( ("p").wrap(("#div2"))包裹进div2。unwrap():这个方法将移出元素的父元素: ( &quot; p &quot; ) . 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 ( ) : 清 空 , 删 除 匹 配 的 元 素 集 合 中 所 有 的 子 节 点 ( (&quot;p&quot;).unwrap()。wrapAll():将所有匹配的元素用单个元素包裹起来 ,会破坏原有文档结构。wrapInner():将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹 起来。 替换:所有匹配的元素都替换为指定的HTML或DOM元素;replaceAll():颠倒了的replace()方法;如果在替换之前,已经在元素上绑定了事件。替换后原先绑定的事件会与原先的元素一起消失。 复制:匹配的DOM元素,返回值为克隆后的副本,但此时复制的新节点不具有任何行为。clone(true):复制元素的同时也复制元素中的事件。 删除:empty():清空,删除匹配的元素集合中所有的子节点( ("p").unwrap()wrapAll()wrapInner()()HTMLHTMLDOMreplaceAll()replace()DOMclonetrueempty()("#div1").empty())。remove():从DOM中删除所有匹配的元素,绑定的事件,附加的数据等都会被 移除;var objRemove= ( &quot; . p C 1 &quot; ) . 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 = (&quot;.pC1&quot;).remove():所有移除的对象都在objRemove对象中。detach():从DOM中删除所有匹配的元素,所有绑定的事件、附加的数据等都 会保留下来(var objDetach= (".pC1").remove()objRemovedetach()DOMvarobjDetach=(".pC1").detach())。
以上为JQuery的文档处理。 在这里插入图片描述
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值