zoukankan      html  css  js  c++  java
  • jquery 插入节点的方法

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

    HTML代码:

    <p>我想说:</p>

    jQuery代码:

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

    结果:

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

    appendTo()

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

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

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

    A中,而是将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)的操作,即不是将B前置到

    A中,而是将A前置到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)的操作,即不是将B插入到A

    后面,而是将A插入到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)的操作,即不是将B插入

    到A前面,而是将A插入到B前面

    HTML代码:

    <p>我想说:</p>

    jQuery代码:

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

    结果:

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

  • 相关阅读:
    interpolator-动画执行方式
    获得手机屏幕的宽度
    theme-windowAnimationStyle 动画四个方法的意义
    viewPager-基本实现示例
    ontouch、dispatchtouchevent、interceptouchevent-相关事件
    eclipse- log 打印跟输出到文件
    item-设置可见性
    touch、touchevent-事件总结
    005-磁盘读写原理
    004-双向链表
  • 原文地址:https://www.cnblogs.com/keyi/p/5817728.html
Copyright © 2011-2022 走看看