Javascript 寻求使用jQuery'；s addClass（）函数更改我的按钮'；将CSS置于悬停和鼠标向下

我想专门为我的按钮创建鼠标悬停和点击效果，但是在某种程度上，它会改变为一个不同于鼠标悬停的按钮，所以我需要使用JavaScript，而不是CSS

我有以下jQuery：

    // Highlights Browse button when the user hovers over div.upload
    $(".upload").hover(
        function() {
            $("input[type='button']").addClass("browse-hover");
        },
        function() {
            $("input[type='button']").removeClass("browse-hover");
        }
    );

    // Darkens Browse button when user clicks on div.upload
    $(".upload").mousedown(function() {
        $("input[type='button']").addClass("browse-active");
    });

    $(".upload").mouseup(function() {
        $("input[type='button']").addClass("browse-active");
    });

添加了我的主CSS文件中的以下类：

.browse-hover {
    background: #9972ad; /* Old browsers */
    background: -moz-linear-gradient(top,  #9972ad 0%, #7a3e99 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9972ad), color-stop(100%,#7a3e99)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9972ad 0%,#7a3e99 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9972ad 0%,#7a3e99 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9972ad 0%,#7a3e99 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9972ad 0%,#7a3e99 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9972ad', endColorstr='#7a3e99',GradientType=0 ); /* IE6-8 */
}

.browse-active {
    background: red;
}

HTML:

选择一个文件。。。
有效输入：.txt文件=512 KB

---

我使用addClass（）的方式应该会覆盖以前的值，因为悬停时会更改之前的背景设置（渐变）。这根本不起作用。它已正确连接，如果我使用警报集单击，它将正确执行。

按钮是上载的子按钮，因此您可以使用完整的CSS并尝试：

.upload:hover input[type='button'] { /* style */ }

---

按钮是upload的子按钮，因此您可以使用完整的CSS并尝试：

.upload:hover input[type='button'] { /* style */ }

---

当DOM准备就绪时，将其嵌套在

（function（）{YOUR code}）中，尝试运行所有这些代码
当DOM准备就绪时，将其嵌套在
（function（）{YOUR code}）中，尝试运行所有这些代码
您可以显示您的html吗？您确定与其他CSS没有冲突吗？它看起来是按原样工作的：除了对
mouseup
进行了一次小的修改之外，一切似乎都很正常：您能显示您的html吗？您确定与其他CSS没有冲突吗？它看起来是按原样工作的：除了对
mouseup
进行了一次小的修正之外，一切似乎都很正常：您应该添加
：active
伪类到您也应该添加
：active
伪类