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( )清空当前输入框中的内容，并且隐藏发新贴界面

效果如下图示

代码：

jQuery基本操作--制作论坛发帖相关推荐

JavaScript练手题原生制作论坛发帖工具
直接上源代码: <!DOCTYPE html> <html lang="en"><head><meta charset="UTF ...
使用JS制作论坛发帖
需求说明: ①单击我要发帖,弹出发帖页面 ②在标题框中输入标题,选择所属版块,输入帖子内容 ③单击"发布"按钮,新发布的帖子显示在列表的第一个,新帖子显示头像.标题.版块和发布时间 ...
jQuery基本操作--制作QQ简易聊天框
需求: 训练要点 1 .使用 html( ) 获取和设置页面内容 2 .使用 val( ) 获取聊天内容 3 .使用 addClass( ) 为指定元素追加样式 4 .使用数组保存聊天人员头像和昵称 ...
使用jquery实现论坛发帖
<script>$(function(){$("span").click(function(){$(".post").css("displ ...
phpwind9.0 read.php 修改,phpwind9.0模板制作教程——制作论坛风格
由于论坛模板机制和门户等模板机制不同,所以今天我就先重点讲讲论坛模板制作的大概过程. 一.先来熟悉下phpwind9.0的论坛模板机制. 其实phpwind9.0的模板机制和discuzx2.5差不多 ...
jquery插件制作
jquery插件丰富,很多都是很好用的,最近学习了一下如何制作jquery插件,发现jquery插件制作其实很简单,这里介绍一下. jquery插件的基本格式: (function($){$.fn.t ...
JQuery插件制作具有动态效果的网页
JQuery插件制作具有动态效果的网页前言 JQuery 今天我给大家介绍一个运用JQuery插件制作的动态网页--iphone 5C 宣传页面.这个网页中运用到了fullpage.js和 ...
jQuery 基本操作
2019独角兽企业重金招聘Python工程师标准>>> jQuery 基本操作 jQuery 是一个轻量级的javascript类库, 只有14k(未压缩的版本有77k) jQuer ...
JavaScript简单实现论坛发帖(留言）
JS实现论坛发帖功能简易思路: 先实现html页面大概各个模块样式.对应写出css[提前把即将用js代码创建的标签样式设置好.] 创建层级标签并设置具体属性[层级关系捋清楚] 以下为层级关系 < ...
用VB.NET做个论坛发帖软件
用VB.NET做个论坛发帖软件 riveastking 题记:如果你经常泡各种论坛发表宏论,如果您想把您的软件在极短时间内提交到有关网站,如果您想把您的网站快速登陆各搜索引擎,如果您想做个论坛自动发贴 ...

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

jQuery基本操作--制作论坛发帖相关推荐

最新文章

热门文章