在jquery中使用val()//在jquery中显示输入文本

在jquery中使用val()//在jquery中显示输入文本,jquery,Jquery,我有一个输入框,我想一个文本消失。 在谷歌搜索之后,我在这里找到了一个很好的解决方案: 但是,由于某些原因,它不适用于我的代码: $(document).ready(function(){ var input = $("#textboxid").val() input.animate({color:'white'},1000, function(){ $(this).val('').css('color','black'); } }); 你能告诉我哪里错了吗? 多谢各位

我有一个输入框,我想一个文本消失。 在谷歌搜索之后,我在这里找到了一个很好的解决方案:

但是,由于某些原因,它不适用于我的代码:

$(document).ready(function(){
  var input = $("#textboxid").val()
  input.animate({color:'white'},1000, function(){
    $(this).val('').css('color','black');
  }
});
你能告诉我哪里错了吗? 多谢各位

编辑: 用户键入内容后,文本应消失

val()获取文本框的值,即写入其中的内容。这是一根绳子。不能设置字符串的动画,可以设置jQuery对象的动画

不要拿
$(“#textboxid”).val()
,只要拿
$(“#textboxid”)

编辑:

我只是简单地使用CSS3。这不需要任何库,并且是硬件加速的

$(“按钮”)。单击(函数(){
$(“输入”).css(“颜色”、“白色”);
});
输入{
-webkit转换:所有1s线性;
过渡:所有1s线性;
}


淡出它
脚本中有一些语法错误:

$(document).ready(function () {
    var input = $("#textboxid"); //you have to use the object here and not the value-string
    input.animate({
        color: '#FFF'
    }, 1000, function () {
        $(this).val('').css('color', 'black');
    }); //the bracket was missing here
});

此外,jQuery不支持颜色属性的动画。 有关更多信息,请参阅

有关附带的jQueryUI库的动画,请参见本文

参考


如果我使用$(“#textboxid”),文本框内的文本无法设置动画,整个框将消失,而我希望文本消失。看看这里那里,文字好像消失了,明白了。我已经更新了我的答案。只需使用CSS3转换。获得动画,并更正错误,谢谢!看起来文本并没有在演示中消失。@AlexanderIvanov,在哪个演示中文本并没有消失,什么时候会发生?hups,没有看到测试消失,我的坏消息