after()方法是jQuery的一个内置方法，用于在被选元素后插入指定的内容，由匹配元素集中每个选定元素的参数指定。
after()方法在被选元素后插入指定的内容。
语法：
$(selector).after(A);
参数：它接受参数“A”，它是传递给方法的内容或函数。
返回值：返回带有修改的所选元素。
示例1：
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<style>
div {
display: block;
width: 150px;
padding: 10px;
border: 2px solid green;
}
</style>
</head>
<body>
<div>
<p>我想说：</p>
</div>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$("p").after("<span><b>Hello!</b></span>");
</script>
</body>
</html>示例2：
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
</head>
<body>
<button>在每个P元素后插入内容</button>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").after("<p>Hello world!</p>");
});
});
</script>
</body>
</html> 
网友评论文明上网理性发言 已有0人参与
发表评论: