美文网首页
节点的操作之添加节点

节点的操作之添加节点

作者: 琪33 | 来源:发表于2018-04-26 16:21 被阅读0次
<script src="jquery-1.11.1.js"></script>
    <script>
        jQuery(document).ready(function () {
            $("button").click(function () {
                //创建一个新的jquery对象li
                var jqNewLi = $("<li>我是jquery创建出来的li。用的是append方法添加</li>");
                //append();    在盒子的最末尾添加一个元素。
                //在盒子末尾添加
//                $("ul").append(jqNewLi);    //把新创建的li塞进ul中
//                jqNewLi.appendTo($("ul")); //把新创建的li塞进ul中

                //在盒子最前面添加
//                $("ul").prepend(jqNewLi);
//                jqNewLi.prependTo($("ul"));


                //下面两个方法是操作兄弟元素的。放在兄弟元素之后或者之前
                //after();
//                $("li").after(jqNewLi);

                //before();
                $("li").before(jqNewLi);

            })
        });
    </script>
</head>
<body>
    <button>添加li</button>

    <ul>
        <li>我是土著li</li>
    </ul>

</body>

相关文章

网友评论

      本文标题:节点的操作之添加节点

      本文链接:https://www.haomeiwen.com/subject/fmkmlftx.html