jQuery after() 方法
after() 方法在被选元素后插入指定的内容。提示:如需在被选元素前插入内容,请使用 before() 方法。
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").after("<p>Hello world!</p>");
});
});
</script>
</head>
<body>
<button>Insert content after each p element</button>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html></span>
用法:$(selector).after(content,function(index))实际上就是在select元素外边加内容
jQuery append() 方法
append() 方法在被选元素的结尾插入指定内容。
用法:$(selector).append(content,function(index,html)) 在select元素内部插入内容
实例
在所有 <p> 元素结尾插入内容:
$("button").click(function(){
$("p").append("<b>Appended text</b>");
});
结果:
$("p").append("<b>Appended text</b>");
});
结果:
This is a paragraph. Appended text.
This is another paragraph. Appended text.