本文概述
jQuery after()和jQuery insertAfter()这两种方法都用于执行相同的任务, 即在所选元素之后插入其他内容。
jQuery after()和insertAfter()之间的区别
after()和insertAfter之间的主要区别在于内容和目标的语法以及位置。
在after()方法中, 目标是选定的元素, 内容作为方法的参数放置。
$(target).after(contentToBeInserted)
在insertAfter()方法中, content是所选元素, 而target则作为该方法的参数放置。
$(contentToBeInserted).insertAfter(target)
注意:如果要在所选元素之前插入HTML元素, 则应使用insertBefore()方法。
句法:
$(content).insertAfter(selector)
jQuery insertAfter()方法的参数
参数 | 描述 |
---|---|
Content | 它是必填参数。它指定要插入的内容。 |
Selector | 它也是必需参数。它指定插入内容的位置。 |
jQuery insertAfter()方法示例
让我们看一下jQuery insertAfter()方法的示例。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("<span><b>Hello srcmini02.com</b></span>").insertAfter("p");
});
});
</script>
</head>
<body>
<button>Insert span element after each p element</button>
<p>This is a tutorial website.</p>
<p>This is a training institute.</p>
</body>
</html>
立即测试
输出:
在每个p元素之后插入span元素
这是一个教程网站。
这是一家培训机构。
评论前必须登录!
注册