jQuery学习17---无刷新评论
来源：互联网 发布：西安java开发培训机构 编辑：程序博客网 时间：2024/06/05 19:19
<html><head><meta http-equiv="Content-Type" content="text/html;charset=GBK"><title></title><script src="../jquery-1.8.2.js" type="text/javascript"></script><style type="text/css"></style><script type="text/javascript">$(function(){$("#sub").click(function(){var name = $("#textName").val();var content = $("#textContent").val();var $tb = $("#tb");if($tb.length==0){//动态创建Table$tb = $("<table id='tb'></table>");$tb.attr("border","1px");$tb.attr("width","400px");$("#reply").append($tb);}var $tr = $("<tr></tr>");//把最新的评论放在最上面$tb.prepend($tr);var $td = $("<td>"+name+"</td>");$tr.append($td);var $td = $("<td>"+content+"</td>");$tr.append($td);});});</script></head><body><div id="reply"></div><input id="textName" type="text"/><br /><textarea id="textContent"></textarea><br /><input id="sub" type="button" value="提交"></body></html>
