• 内部插入节点的方法


    (1)append(content)方法:content 表示追加到目标中的内容,像所选择的元素内部插入内容。

    例如:

    <script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){
    $("p").append(" <b>Hello world!</b>");
    });
    });
    </script>

    语法:$(selector).append(content)

    (2) appendTo(content) 方法:在被选元素的结尾(仍然在内部)插入指定内容

    例如:

    <script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){
    $("<b> Hello World!</b>").appendTo("p");
    });
    });
    </script>

    语法:$(content).appendTo(selector)

    (3)prepend() 方法:在被选元素的开头(仍位于内部)插入指定内容。

    例如:

    <script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){
    $("p").prepend("<b>Hello world!</b> ");
    });
    });
    </script>

    语法:$(selector).prepend(content)

    (4)prependTo() 方法:在被选元素的开头(仍位于内部)插入指定内容。

    <script type="text/javascript">
    $(document).ready(function(){
    $(".btn1").click(function(){
    $("<b>Hello World!</b>").prependTo("p");
    });
    });
    </script>

    语法:$(content).prependTo(selector)

  • 相关阅读:
    用户场景描述
    NABCD需求分析
    课堂测试返回最大子数组2
    单元测试课堂练习
    正式版
    第二次冲刺团队进展报告七
    第二次冲刺团队进展报告六
    第二次冲刺团队进展报告五
    第二次冲刺团队进展报告四
    第二次冲刺团队进展报告三
  • 原文地址:https://www.cnblogs.com/sophiehui/p/5777346.html
Copyright © 2020-2023  润新知