jQuery基本操作--制作论坛发帖
时间 2021-04-21
标签
jQuery案例
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( )
清空当前输入框中的内容,并且隐藏发新贴界面
效果如下图示
代码: