仅jQuery div淡入淡出文本,保留div

仅jQuery div淡入淡出文本,保留div,jquery,fade,Jquery,Fade,我有一个div,其中显示一条错误消息。显示错误消息后,我想淡出它,但保留它出现的div。我只希望错误消息的文本淡出,而不是div和文本。目前,我有这样的代码,div和文本都会淡出,我想知道需要做什么更改才能达到我想要的效果: if ($("#chseFile").val() == "") { $("#uploadErrors").text("You must select a file to upload."); $("#uploadErrors").show()

我有一个div,其中显示一条错误消息。显示错误消息后,我想淡出它,但保留它出现的div。我只希望错误消息的文本淡出,而不是div和文本。目前,我有这样的代码,div和文本都会淡出,我想知道需要做什么更改才能达到我想要的效果:

if ($("#chseFile").val() == "") {
        $("#uploadErrors").text("You must select a file to upload.");
        $("#uploadErrors").show();
        $("#uploadErrors html").fadeOut(3000);
        }
使用
text()

if ($("#chseFile").val() == "") {
        $("#uploadErrors").text("You must select a file to upload.");
        $("#uploadErrors").show();
        $("#uploadErrors html").text().fadeOut(3000);
        }
if($(“#chseFile”).val(){
$(“#uploadErrors”).html(“您必须选择要上载的文件。”);
$(“#上传错误”).show();
$(“#uploadErrors.text”).fadeOut(3000);
}

您不能仅淡出文本。您可以做的是获取另一个div并包装错误消息。这样你就可以淡出内心世界了,就像这样

<div> //You don't want to fade out this div
    <div class="error">error message here</div>  // fade out this div
</div>
//您不想淡出这个div
此处显示错误消息//淡出此分区

在淡出模式下,css默认设置显示“无”,因此您希望为父div添加另一个子项

if ($("#chseFile").val() == "") {

        $("#uploadErrors").append("<span>You must select a file to upload.</span>")
        $("#uploadErrors").show();
        $("#uploadErrors span").fadeOut(3000);
}
if($(“#chseFile”).val(){
$(“#uploadErrors”).append(“您必须选择要上载的文件。”)
$(“#上传错误”).show();
$(“#上传错误跨度”).fadeOut(3000);
}
//如果uploadErrors div在默认情况下是隐藏的
if($(“#chseFile”).val()=“”)
{  
$(“#uploadErrors”).html(“您必须选择要上载的文件。”);
$(“#上传错误”).show().find('span').fadeOut(3000);
}
/*如果默认情况下不隐藏,则*/
if($(“#chseFile”).val()=“”){
$(“#uploadErrors”).html(“您必须选择要上载的文件。”);
$(“#上传错误跨度”).fadeOut(3000);
}

为什么要投否决票?我的意思是,如果他只想淡出文本,而不是为什么他不淡出div。如果div包含一些其他信息,而不是文本淡出,其他文本也会消失。。。
if ($("#chseFile").val() == "") {

        $("#uploadErrors").append("<span>You must select a file to upload.</span>")
        $("#uploadErrors").show();
        $("#uploadErrors span").fadeOut(3000);
}
// if uploadErrors div is by default hidden  
if ($("#chseFile").val() == "")  
{  
 $("#uploadErrors").html("<span>You must select a file to upload.</span>"); 
 $("#uploadErrors").show().find('span').fadeOut(3000);
  }

/* if by default not hidden then */

if ($("#chseFile").val() == "") {

        $("#uploadErrors").html("<span>You must select a file to upload.</span>");
        $("#uploadErrors span").fadeOut(3000);

        }