用jquery写一个无刷新评论功能
来源:互联网 发布:vue遍历数组 编辑:程序博客网 时间:2024/05/21 06:13
<1>
<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript"> //========================================================设定样式 $(function () { var isFirst = true; $("#text1").css("color", "grey").focus(function () { if (isFirst) //判断用户是否第一次输入,如果是第一次输入,就将当前控件的值设为空 $(this).val(""); $(this).css("color", "Black") }); $("#text1").bind("keydown", function () {//#text1控件绑定 keydown事件,当它被按下的时候就触发function()匿名函数,将isFirst设为false【这时候将isFirst设为fasle,那就么代表它不是第一次输入了。所以第二次点击#text1控件的时候它就不会将#text1的值设为空了】 isFirst = false; }); $("#text1").blur(function () { if ($(this).val().length <= 0) { //如果在失去焦点的时候用户名的长度<=0的话就重新提示用户"请输入用户名" $(this).css("color", "grey").val("请输入用户名") } }) }) $(function () { var isFirst = true; $("#text2").css("color", "grey").focus(function () { if (isFirst) //判断用户是否第一次输入,如果是第一次输入,就将当前控件的值设为空 $(this).val(""); $(this).css("color", "Black") }); $("#text2").bind("keydown", function () {//#text1控件绑定 keydown事件,当它被按下的时候就触发function()匿名函数,将isFirst设为false【这时候将isFirst设为fasle,那就么代表它不是第一次输入了。所以第二次点击#text1控件的时候它就不会将#text1的值设为空了】 isFirst = false; }); $("#text2").blur(function () { if ($(this).val().length <= 0) { //如果在失去焦点的时候用户名的长度<=0的话就重新提示用户"请输入用户名" $(this).css("color", "grey").val("请输入评论的内容") } }) }) //==========================================================================实际内容 $(function () { $("#btn1").click(function () { var tr = $("<tr><td>" + $("#text1").val() + ":" + "</td><td>" + $("#text2").html() + "</td></tr>") $("#table1").append(tr); }) }) </script></head><body><p>.......这是我的帖子,请大家评论。</p><table id="table1"></table><input type="text" value="请输入用户名" id="text1"/><br /><textarea cols="20" rows="8" id="text2">请输入评论内容</textarea><input type="button" value="提交" id="btn1"/></body></html>
0 0
- 用jquery写一个无刷新评论功能
- php jquery 无刷新评论
- Jquery实现无刷新评论
- Ajax无刷新添加评论(JQuery版)
- ASP jQuery AJAX无刷新评论
- Jquery+ashx实现无刷新评论
- jQuery学习17---无刷新评论
- shutbox jquery无刷新发布评论
- 用javascript实现无刷新评论
- Ajax无刷新评论
- 无刷新评论模拟
- AJAX无刷新评论
- 无刷新视频评论
- javascript 无刷新评论
- $.ajax无刷新评论
- 评论无闪烁刷新
- Asp.net利用JQuery AJAX实现无刷新评论
- jquery简单的无刷新提交和删除评论
- 得分突然一天天法国风格让他让他哥哥哥
- Android 标签控件
- php取文章内容前50字摘要
- 可与环境胡同一体化个合同费用统一
- 在安装软件CAJViewer时出现,“错误1327。无效驱动器:F:
- 用jquery写一个无刷新评论功能
- 类中的线程,多态的集合实现
- Deploy Oracle 10.2.0.5 on Red Hat Enterprise Linux 6.4
- 【leetcode】Populating Next Right Pointers in Each Node
- C#:数据适配器DataAdapter
- hdu 4865 Peter's Hobby(2014 多校联合第一场 E)
- 模拟浏览器的查找功能
- 如何实现无密码登录
- 学习笔记—数据库事物