实例
<!DOCTYPE html>
<head>
<title>jQuery after和before</title>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
var a = "<p>我是前增加的内容</p>";
var b = "<p>我是后增加的内容</p>"
$("input#before").click(function(){
$("ol").before(a);
})
$("input#after").click(function(){
$("ol").after(b);
})
})
</script>
</head>
<body>
<ol style="background-color: red;">
<li>测试before和after</li>
</ol>
<input type="button" value="前增加内容" id="before">
<input type="button" value="后增加内容" id="after">
</body>
</html>运行结果
还没有评论，来说两句吧...