jQuery 动画文本值

Question

我有html输入

<input id="txtSearch" value="Search..." type="text"/>

是否可以为这个文本输入的值设置动画(即淡出、隐藏等)

    $("#txtSearch").focusin(function () {
        $(this).animate({ opacity: "1", left: "-=100px", width: "+=100px" }, 1000, function () {
            $(this).attr("value", "");
        });
    });

我不想制作 $(this).attr("value","")，而是希望通过淡出或隐藏等动画使该文本的值消失。

Answer 1

问题无法按你描述的那样解决。

唯一的解决方案是在文本字段上覆盖一个元素(即:span)，大小完全相同，然后将文本放入其中。

在后面的步骤中，您可以为该 html 元素制作任何动画，效果完成后将焦点返回到文本元素。