添加／删除／插入／替换 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加删除替换插入</title>
</head>
<body>
    <div class="box">
        <p>这是p标签内容</p>
    </div>
    
</body>
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<!-- <script type="text/javascript" src="jquery-1.7.2.js"></script> -->
<script type="text/javascript">
    $(function(){
        //$(".box").append('<span>添加的内容</span>');   在。box元素内部后面添加
        //$(".box p").remove();    删除.box元素里面的p元素
        // $(".box p").replaceWith("<span>替换的内容</span>");
        $("<span>插入内容</span>").insertBefore("p");

    })
</script>
</html>

 

posted @ 2017-10-24 22:15  Jinsuo  阅读(321)  评论(0)    收藏  举报