您的位置：首页 > Web前端 > JQuery

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

2017-11-12 19:33 561 查看
在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前面*/
[b]$("<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  jquery 破坏性操作 特殊方法 汇总
相关文章推荐
新的分享
章节导航