• 技术文章 > js教程

    jQuery的insertAfter()方法怎么用

    青灯夜游 青灯夜游 2019-02-14 15:41:21 原创 107
    insertAfter()是jQuery的一个内置的方法,用来在一个指定的元素之后插入一些HTML内容。下面本篇文章就来给大家介绍一下insertAfter()的用法,希望对大家有所帮助。

    jQuery的insertAfter()方法

    insertAfter()方法会在每次出现指定元素后插入HTML内容。【视频教程推荐:jQuery教程

    基本句式:

    $(content).insertAfter(target)

    content:表示需要插入的HTML内容。

    target:表示在插入内容前需要查找到的指定目标。

    注:insertAfter()方法不返回任何值。

    insertAfter()方法的使用示例

    下面我们来看具体示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script>
    $(document).ready(function() {
    $(".demo").click(function() {
    // insertBefore 
    $("<div style='color: red;'>在PHP中文网中学习!</div>").insertAfter("p");
    });
    });
    </script>
    </head>
    <body>
    <div class="box">
    <p>学习jQuery</p>
    <p>学习php</p>
    <div class="demo">单击此处</div>
    </div>
    </body>
    </html>

    效果图:

    1.gif

    以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目!!!

    以上就是jQuery的insertAfter()方法怎么用的详细内容,更多请关注php中文网其它相关文章!

    第五期线上培训班
    专题推荐: jQuery insertAfter()
    上一篇:querySelector方法怎么使用 下一篇:select选中事件怎么使用

    相关文章推荐

    • jQuery的文档处理程序详解_jquery • jQuery对象与DOM对象转换方法详解_jquery • jquery实现表格中点击相应行变色功能 • jQuery轻松实现表格的隔行变色和点击行变色的实例代码_jquery

    全部评论我要评论

  • 取消 发布评论 发送
  • PHP中文网