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