绍兴小程序商城开发_jQuery完成的简略无改写评论

2021-01-11 13:07

jQuery实现的简单无刷新评论功能示例       这篇文章主要介绍了jQuery实现的简单无刷新评论功能,涉及jQuery事件响应及页面元素属性动态操作相关实现技巧,代码中备有较为详尽的注释便于理解,需要的朋友可以参考下
title 无刷新评论 - /title script src="jquery-1.7.2.min.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").val() + " /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

运行效果如下:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》及《》

希望本文所述对大家jQuery程序设计有所帮助。




扫描二维码分享到微信

在线咨询
联系电话

020-66889888