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

来源：互联网发布：景安备案域名出售编辑：程序博客网时间：2024/06/03 19:30

在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>

阅读全文

0 0