Question

我是jquery的完全初学者。

我试图找出如何使用此代码执行if语句

$("#Email").keydown(function() {
        $("#email-confirmation").fadeIn("slow");
        $("input[type=email]").css('border','1px solid #093');
});

我想做这样的事情。如果输入字段有任何值（用户开始输入），请执行某些操作，如果它为空，请执行其他操作...

if ($("#Email").keydown(function() ) {
        $("#email-confirmation").fadeIn("slow");
        $("input[type=email]").css('border','1px solid #093');

}else{
        $("#email-confirmation").fadeOut("slow");
        $("input[type=email]").css('border','1px solid gray');

});

我还需要知道如何使用jquery淡出或淡出css样式

提前谢谢你......

Answer 1

您应该使用keyup，即在释放密钥后

$("#Email").keydown(function() ) {
  if ($(this).val().length) {
     $("#email-confirmation").fadeIn("slow");
     $("input[type=email]").css('border','1px solid #093');
  } else {
     $("#email-confirmation").fadeOut("slow");
     $("input[type=email]").css('border','1px solid gray');
  }
});

Answer 2

将if放在函数中：

$("#Email").keydown(function() ) {
    if ($(this).val() != '') {
        $("#email-confirmation").fadeIn("slow");
        $("input[type=email]").css('border','1px solid #093');
    } else {
        $("#email-confirmation").fadeOut("slow");
        $("input[type=email]").css('border','1px solid gray');
    }
});

使用if语句和jquery keydown函数

2 个答案: