jquery创建节点

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第2天，点击查看活动详情

一。特殊事件绑定hover([over],out)

over:鼠标移到元素上要触发的函数

out:鼠标移出元素要触发的函数

注意： 如果只有一个参数，移出移入都触发

  <div id="box"></div>
<script src="./jquery/jquery.js"></script>
<script>

    $("#box").hover(
        // function(){
        //     console.log("移入触发");
        // },
        // function(){
        //     console.log("移出触发");
        // }
        function () {
            console.log("只有一个函数时，移出和移入我都触发");
        }
    )
</script>

二。jquery创建节点

1.创建节点

2.添加节点

①内部添加

在后面添加

    创建的标签.appendTo(父元素)
    (父元素).append(创建的标签)
    

在前面添加

 (创建的标签).prependTo(父元素)
    (父元素).prepend创建的标签

    p1.prependTo($("div"))//或   
    $("div").prepend(p1)

②。外部添加

在后面添加

       $("div").after(p1)     //或
    p1.insertAfter($("div"))

在前面添加

    $("div").before(p1)     //或
    p1.insertBefore($("div"))

3.删除节点

$("节点名").remove()

$("节点名").empty()

  $("div").remove()    //删除自己
    $("div").empty()    //删除里面所有内容，保留自身标签
    

4.替换节点

     // $("div p").replaceWith(p1)
    p1.replaceAll($("div p"))