2019-04-30追加

作者: 果冻_4c9b | 来源:发表于2019-04-30 17:35 被阅读0次

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function(){
                var oLi = $('<li id = "text">4</li>');
                // 末尾追加子节点
                // $('#list').append(oLi);
                // 开头加子节点
                // $('#list').prepend(oLi);
                // 后面添加兄弟节点
                $('#list').before(oLi);
                // 前面增加兄弟节点
                // $('#list').after(oLi);
            })
        </script>
    </head>
    <body>
        <ul id="list">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </body>
</html>