本文通过一个例子讲述了jQuery实现的不刷新的简单注释功能。分享给大家参考，如下：

html xmlns=' http://www.w3.org/1999/XHTML' head title no refresh comment-www.jb51.net/title脚本src=' http 3360 jquery-1 . 7 . 2 . min . js ' type=' text/JavaScript '/Script Script type=' text/JavaScript '/======================================================================$ ('# text1 ')。CSS('颜色'，'灰色')。focus(function(){ if(is first)//确定用户是否第一次输入，如果是第一次，则将当前控件的值设置为null $(this)。val(“”)；$(这个)。css('color '，' Black ')})；$ ('# text1 ')。bind ('keydown '，function () {//# text1控件绑定keydown事件，按下时会触发function()的匿名函数，将isFirst设置为false[此时将isFirst设置为fast表示不是第一次输入。因此，当您第二次单击#text1控件时，它不会将#text1的值设置为null]isFirst=false；});$ ('# text1 ')。blur (function () {if ($ (this))。val()。length=0){//如果失去焦点时用户名长度为0，则再次提示用户‘请输入用户名’$(此处)。CSS('颜色'，'灰色').$ ('# text2 ')。CSS('颜色'，'灰色')。focus(function(){ if(is first)//确定用户是否第一次输入，如果是第一次，则将当前控件的值设置为null $(this)。val(“”)；$(这个)。css('color '，' Black ')})；$ ('# text2 ')。bind ('keydown '，function () {//# text1控件绑定keydown事件，按下时会触发function()的匿名函数，将isFirst设置为false[此时将isFirst设置为fast表示不是第一次输入。因此，当您第二次单击#text1控件时，它不会将#text1的值设置为null]isFirst=false；});$ ('# text2 ')。blur (function () {if ($ (this))。val()。length=0){//失去焦点时如果用户名长度为0，再次提示用户‘请输入用户名’$(此处)。css('颜色，灰色')。val('请输入注释的内容')} })/========================================================。click(function(){ var tr=$(' trtd ' $(' # text 1 '))。val() ':' '/tdtd' $('#text2 ')。val() '/td/tr') $('#table1 ')。追加(tr)；})})/脚本/流浆.这是我的帖子，请评论。/p table id=' table 1 '/table input type=' text '值='请输入用户名' id=' text1'/br/textareacols=' 20 '行=' 8' id=' text2 '请输入注释内容/textareinput type=' button '值=' submit' id

更多对jQuery感兴趣的读者可以查看本网站的主题：《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》和《jquery常用操作技巧汇总》

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