jQuery方法中具有破坏性操作几种方法汇总，弄明白这几种特殊的方法，再去看其他方法可以轻松许多-CSDN博客

本文链接：https://blog.csdn.net/tztz1yzyz2/article/details/78513953

在jquery多种方法中一般情况下被操作的元素写在方法名后面。但以下几种方法比较特殊：

appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作，被操作的元素写在方法名前面。

看以下代码就能白：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<p>烟台大学</p>
<p>鲁东大学</p>
</body>
<script src="../../jQuery2/jquery-3.1.1.js"></script>
<script>
    /*append():向每个匹配的元素内部追加内容。*/

    /*方法一：需要操作的元素写在append后面*/
    $("p").append("<span>你好</span>");

    /*方法二：appendTo（）：需要操作的元素写在了appendTo前面*/
    $("<span>你好</span>").appendTo("p");


    /*---------------------------------------------------------------*/


    /*prepend():向每个匹配的元素内部前置内容。*/

    /*方法一：prepend():需要操作的元素写在prepend后面*/
    $("p").prepend("<span>你好</span>");

    /*方法二：prependTo（）：需要操作的元素写在了prependTo前面*/
    $("<span>你好</span>").appendTo("p");


    /*-----------------------------------------------------------*/

    /*before（）：在每个匹配的元素之前插入内容。*/

    /*方法一：before():需要操作的元素写在before后面*/
    $("p").before("<span>你好</span>");

    /*方法二：insertBefore（）：需要操作的元素写在了insertBefore前面*/
    $("<span>你好</span>").insertBefore("p");

    /*---------------------------------------------------------*/
    /*after（）：在每个匹配的元素之后插入内容。*/

    /*方法一：after():需要操作的元素写在after后面*/
    $("p").after("<span>你好</span>");

    /*方法二：insertAfter（）：需要操作的元素写在了insertAfter前面*/
    $("<span>你好</span>").insertAfter("p");

    /*-----------------------------------------------------------*/


    /*replace（）：将所有匹配的元素替换成指定的HTML或DOM元素。*/

    /*方法一：replace():需要操作的元素写在replace后面*/
    $("p").replace("<span>你好</span>");

    /*方法二：replaceAll（）：需要操作的元素写在了replaceAll前面*/
    $("<span>你好</span>").replaceAll("p");


    /*---------------------------------------------------------------*/
    /*以上实例中各方法中方法一等效于方法二*/


</script>
</html>