当前位置: 首页 > 编程笔记 >

jQuery DOM插入节点操作指南

万俟小林
2023-03-14
本文向大家介绍jQuery DOM插入节点操作指南,包括了jQuery DOM插入节点操作指南的使用技巧和注意事项,需要的朋友参考一下

方法 描述 示例
append() 向每个匹配的元素内部追加内容

HTML代码:<p>我想说:</p>

jQuery代码:

$("p").append("<b>你好</b>");

结果:

<p>我想说:<b>你好</b></p>

appendTo()

将所有匹配的元素追加到指定的元素中

。实际上,使用该方法是颠倒了常规

的$(A).append(B)的操作,是将A追加到B中。

HTML代码:<p>我想说:</p>

jQuery代码:

$("<b>你好</b>").appendTo("p")

结果:

<p>我想说:<b>你好</b></p>

prepend() 向每个匹配的元素内部前置内容

HTML代码:<p>我想说:</p>

jQuery代码:

$("p").prepend("<b>你好</b>")

结果:

<p><b>你好</b>我想说:</p>

prependTo()

将所有匹配的元素前置到指定的元素中

。实际上,使用该方法是颠倒了

常规$(A).prepend(B)操作。

HTML代码:<p>我想说:</p>

jQuery代码:

$("<b>你好</b>").prependTo("p")

结果:

<p><b>你好</b>我想说:</p>

after() 在每个匹配的元素后插入内容

HTML代码:<p>我想说:</p>

jQuery代码:

$("p").after("<b>你好</b>")

结果:

<p>我想说:</p><b>你好</b>

insertAfter()

将所有匹配的元素插入到指定元

素的后面,实际上,使用该方法

是颠倒了常规的$(A).after(B)操作

HTML代码:<p>我想说:</p>

jQuery代码:

$("<b>你好</b>").insertAfter("p")

结果:

<p>我想说:</p><b>你好</b>

before() 在每个匹配的元素之前插入内容

HTML代码:<p>我想说:</p>

jQuery代码:

$("p").before("<b>你好</b>")

结果:

<b>你好</b><p>我想说:</p>

insertBefore()

将所以匹配的元素插入到指

定的元素的前面。实际上,

使用该方法是颠倒了常规

的$(A).before(B)的操作。

HTML代码:<p>我想说:</p>

jQuery代码:

$("<b>你好</b>").insertBefore("p")

结果:

<b>你好</b><p>我想说:</p>

以上就是本文的全部内容了,希望大家能够喜欢。

 类似资料:
  • 本文向大家介绍jQuery DOM删除节点操作指南,包括了jQuery DOM删除节点操作指南的使用技巧和注意事项,需要的朋友参考一下 下面示例可能用到如下HTML代码: 1、remove()方法: 作用:从DOM中删除所有匹配的元素,传入的参数用于根据jQuery表达式来筛选元素。 例如,删除上图中<ul>节点中的第二个<li>元素节点,jQuery代码如下: 当某个节点用remove()方法删

  • 节点操作 因为 DOM 的存在,这使我们可以通过 JavaScript 来获取、创建、修改、或删除节点。 NOTE:下面提供的例子中的 element 均为元素节点。 获取节点 父子关系 element.parentNode element.firstChild/element.lastChild element.childNodes/element.children 兄弟关系 element.p

  • 对节点进行单独操作 如果想要对某个节点的虚拟机单独进行命令操作,也十分简单,命令格式为 node cmd。 例如查看交换机 s1 上的网络信息,我们只需要在执行的 ifconfig 命令前加上 s1 主机标志即可,即 s1 ifconfig,同样,如果我们想用 ping 3 个包的方法来测试 h2 跟 h3 之间连通情况,只需要执行 h2 ping -c 3 h3 即可。得到的结果为 minine

  •        点击后即可选中要素,然后通过点击需要插入节点的位置即可插入节点,并且可以通过拖拽形式对已插入的节点进行移动。

  • 我在做一个程序,没有使用Java的内置链表类;我在从头开始做。除了编写一个将节点插入链表的特定位置的方法外,我在所有方面都取得了成功。 我有一个方法将一个特定的节点设置为“当前”节点。所以,例如,我有一个链表,看起来是这样的:猫-->狗-->使-->好-->宠物,“当前”等于2;这意味着“当前”节点是“狗”。 从这里开始,假设我想在“current”的位置插入一个新节点,它的info字段为AND。

  • 当您想要将记录创建到数据库表中时,它是必需的。 以下示例将在employee表中插入记录。 例子 (Example) /* Main program */ Call RxFuncAdd 'SQLLoadFuncs', 'rexxsql', 'SQLLoadFuncs' Call SQLLoadFuncs if SQLConnect(c1,'testuser','test123','testd