jQuery基本操作--制作论坛发帖

需求:

训练要点
1 、创建节点元素
2 、使用 append( ) 向指定节点之后插入节点元素
3 、使用 prepend( ) 向指定节点之前插入节点元素
4 、使用 val( ) 获取表单元素的值
5 、使用 show( ) 显示元素,使用 hide( ) 隐藏元素
需求说明
1 、单击我要发贴,弹出发贴界面
2 、在标题框中输入标题,选择所属版块,输入帖子内容
3 、单击“发布”按钮,新发布的帖子显示在列表的第一个,新帖子显示头像、
标题、版块和发布时间
实现思路
1 、使用数组保存发帖者的头像
2 、创建新的 <li> 节点,把头像、标题等内容插入到 <li>
3 、使用函数 floor( ) random( ) 随机获取发帖者的头像
4 、使用 append( ) 把头像、标题、版块、时间插入到 <li> 节点中
5 、使用 prepend( ) <li> 节点插入到 <ul> 列表中
6 、使用 val( ) 清空当前输入框中的内容,并且隐藏发新贴界面
效果如下图示
代码: