使用jQuery怎么實(shí)現(xiàn)一個(gè)事件綁定功能

使用jQuery怎么實(shí)現(xiàn)一個(gè)事件綁定功能？相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

HTML正文：

用戶名：<input type="text" value="郵箱/用戶名/手機(jī)號(hào)" id="login"/><br>
密　碼：<input type="password" id="passwd"><br>
<input type="button" value="登陸" id="operation"/>

Javascript操作代碼：

//獲取焦點(diǎn)事件
$("#login").focus(function(){
 var $realValue=$(this).val();
 var $defaultVale=this.defaultValue;
 if($realValue==$defaultVale){
  $(this).val("");
 }else{
  $(this).val($realValue);
 }
});
//失去焦點(diǎn)事件
$("#login").blur(function(){
 var $realValue=$(this).val();
 var $defaultVale=this.defaultValue;
 if($realValue==""){
  $(this).val($defaultVale);
 }else{
  $(this).val($realValue);
 }
});
//登陸綁定事件：實(shí)際項(xiàng)目中一般使用md5進(jìn)行單向加密，然后傳遞后臺(tái)驗(yàn)證身份
$("#operation").click(function(){
var $realValue=$("#login").val();
var $passwd=$("#passwd").val();
if($realValue=="squirrel"||$passwd=="xiaoyang"){
  alert("驗(yàn)證成功");
}else{
  alert("驗(yàn)證失敗");
}
});

看完上述內(nèi)容，你們掌握使用jQuery怎么實(shí)現(xiàn)一個(gè)事件綁定功能的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！