添加文本内容,列表
可以使用jQuery的.append/.prepend/.after来进行操作,方法都是大同小异的.很简单,这个让我想起以前用到的一个管理系统,人家设计的用一个按钮按下去就可以新增5行表格,看来可能也是用这个jQuery的.append做出来的效果,很实用.
添加文本内容,列表的JS代码
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#one").click(function(){
$("p").append("这里是添加的新内容")
});
$("#two").click(function(){
$("ol").append("<li>有序列表</li><li>有序列表</li><li>有序列表</li><li>有序列表</li><li>有序列表</li>")
});
$("#three").click(function(){
$("ol").prepend("<li>111</li>")
});
$("#four").click(function(){
$("ol").after("<li>aaa</li>")
});
});
</script>
添加文本内容,列表的HTML代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"</