页面样式

主要写一下实现各种功能的方法

JS-demo

输入内容

判断是否输入了内容

让按钮可用

让按钮不可用

$("body").delegate(".comment","propertychange input", function () {// 判断是否输入了内容if($(this).val().length > 0){// 让按钮可用$(".send").prop("disabled", false);}else{// 让按钮不可用$(".send").prop("disabled", true);}});

发布内容

拿到用户输入的内容

根据内容创建节点

插入内容

    $(".send").click(function () {// 拿到用户输入的内容var $text = $(".comment").val();// 根据内容创建节点var $csdn_msg = createEle($text);// 插入内容$(".messageList").prepend($csdn_msg);});

顶，踩，删除

    $("body").delegate(".infoTop", "click", function () {$(this).text(parseInt($(this).text()) + 1);});$("body").delegate(".infoDown", "click", function () {$(this).text(parseInt($(this).text()) + 1);});$("body").delegate(".infoDel", "click", function () {$(this).parents(".info").remove();});

创造节点进行顶，踩，删除的实现

function createEle(text) {var $csdn_msg = $("<div class=\"info\">\n" +"            <p class=\"infoText\">"+text+"</p>\n" +"            <p class=\"infoOperation\">\n" +"                <span class=\"infoTime\">"+formartDate()+"</span>\n" +"                <span class=\"infoHandle\">\n" +"                    <a href=\"javascript:;\" class='infoTop'>0</a>\n" +"                    <a href=\"javascript:;\" class='infoDown'>0</a>\n" +"                    <a href=\"javascript:;\" class='infoDel'>删除</a>\n" +"                </span>\n" +"            </p>\n" +"        </div>");return $csdn_msg;}

发布时间

使用数组获得值，然后使用join连接。最后返回值

function formartDate() {var date = new Date();// 2018-4-3 21:30:23var arr = [date.getFullYear() + "-",date.getMonth() + 1 + "-",date.getDate() + " ",date.getHours() + ":",date.getMinutes() + ":",date.getSeconds()];return arr.join("");}

Mr.J-- jQuery学习笔记(二十一)--模拟微博页面相关推荐

python3.4学习笔记(二十一) python实现指定字符串补全空格、前面填充0的方法
python3.4学习笔记(二十一) python实现指定字符串补全空格.前面填充0的方法 Python zfill()方法返回指定长度的字符串,原字符串右对齐,前面填充0. zfill()方法语法: ...
kvm虚拟化学习笔记(二十一)之KVM性能优化学习笔记
本学习笔记系列都是采用CentOS6.x操作系统,KVM虚拟机的管理也是采用virsh方式,网上的很多的文章都基于ubuntu高版本内核下,KVM的一些新的特性支持更好,本文只是记录了CentOS6. ...
java web学习总结(二十一) -------------------模拟Servlet3.0使用注解的方式配置Servlet...
一.Servlet的传统配置方式在JavaWeb开发中, 每次编写一个Servlet都需要在web.xml文件中进行配置,如下所示: 1 <servlet> 2 <servlet- ...
linux驱动开发学习笔记二十一：异步通知
一.异步通知简介我们首先来回顾一下"中断",中断是处理器提供的一种异步机制,我们配置好中断以后就可以让处理器去处理其他的事情了,当中断发生以后会触发我们事先设置好的中断服务函数, ...
opencv学习笔记二十一：使用HSV颜色空间实现颜色识别
一.颜色空间介绍 RGB 颜色空间是大家最熟悉的颜色空间,即三基色空间,任何一种颜色都可以由该三种颜色混合而成.然而一般对颜色空间的图像进行有效处理都是在 HSV 空间进行的,HSV( ...
IOS学习笔记二十一(NSDictionary、NSMutableDictionary)
1.NSDictionary.NSMutableDictionary 可以理解为java里面的map,一个key对应一个value,key不可以重复 NSDictionary不可变,NSMutable ...
java自定义一个timeout,Timeout操作符 RxJava 学习笔记二十一
timeout用于检测在给定时间内observables没有及时响应.如果指定的时间量没有发出任何项目,则超时会使observables失败并出现TimeoutException. 我们将从debou ...
立创eda学习笔记二十一：添加、移除泪滴
在PCB电路板设计中,为了让焊盘更坚固,防止机械制板时焊盘与导线之间断开,常在焊盘和导线之间用铜膜布置一个过渡区,形状像泪滴,故常称做补泪滴(Teardrops). 泪滴的作用避免电路板受到巨大外力 ...
西门子PLC学习笔记二十一-（中断处理一）
中断处理用来实现对特殊内部事件或外部事件的快速响应.CPU检测到中断请求时,立即响应中断,调用中断源对应的中断程序(OB).执行完中断程序后,返回被中断的程序中. 中断源类型主要有:I/O模块的硬件中 ...

Mr.J-- jQuery学习笔记(二十一)--模拟微博页面

页面样式

JS-demo

输入内容

发布内容

顶，踩，删除

发布时间

Mr.J-- jQuery学习笔记(二十一)--模拟微博页面相关推荐

最新文章

热门文章