实例
<!DOCTYPE html>
<head>
<title>jQuery append和prepend</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 = "<li>我是前增加的内容</li>";
var b = "<li>我是后增加的内容</li>"
$("input#prepend").click(function(){
$("ol").prepend(a);
})
$("input#append").click(function(){
$("ol").append(b);
})
})
</script>
</head>
<body>
<ol>
<li>测试append和prepend</li>
</ol>
<input type="button" value="前增加内容" id="prepend">
<input type="button" value="后增加内容" id="append">
</body>
</html>运行截图





还没有评论,来说两句吧...