jquery——元素节点操作

Posted 2020-11-19 gaoquanquan

插入节点：

1.append（）和appendTo（）：在现存元素的内部，从后面插入元素

<script type="text/javascript">
        $(function () {
            //创建节点
            var $span = $(‘<span>span元素</span>‘);
            var $p = $(‘<p>p段落元素</p>‘);
            //插入节点
            $(‘#div1‘).append($span);
            $p.appendTo(‘#div1‘)
        })
</script>

2. prepend()和prependTo()：在现存元素的内部从前面插入元素

3. after()和insertAfter()：在现存元素的外部，从后面插入元素

4. before()和insertBefore()：在现存元素的外部，从前面插入元素

$(‘#div1‘).before($p)；
$p.insertBefore(‘#div1‘)；

删除节点：

$p.remove();