jQuery实现的事件绑定功能基本示例

前端之家收集整理的这篇文章主要介绍了jQuery实现的事件绑定功能基本示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery实现的事件绑定功能分享给大家供大家参考,具体如下:

HTML正文:

用户名:用户名/手机号" id="login"/>
密 码:

Javascript操作代码

获取焦点事件 $("#login").focus(function(){ var $realValue=$(this).val(); var $defaultVale=this.defaultValue; if($realValue==$defaultVale){ $(this).val(""); }else{ $(this).val($realValue); } }); //失去焦点事件 $("#login").blur(function(){ var $realValue=$(this).val(); var $defaultVale=this.defaultValue; if($realValue==""){ $(this).val($defaultVale); }else{ $(this).val($realValue); } }); //登陆绑定事件:实际项目中一般使用md5进行单向加密,然后传递后台验证身份 $("#operation").click(function(){ var $realValue=$("#login").val(); var $passwd=$("#passwd").val(); if($realValue=="squirrel"||$passwd=="xiaoyang"){ alert("验证成功"); }else{ alert("验证失败"); } });

效果

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

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

原文链接:https://www.f2er.com/jquery/35891.html

猜你在找的jQuery相关文章