无法为输入类型文件添加 jquery 类答案

【问题标题】：unable to add jquery class for input type file无法为输入类型文件添加 jquery 类
【发布时间】：2019-06-10 03:19:50
【问题描述】：

这是我的 html 元素。我正在尝试为此添加 btn disabled 类，但它没有被添加。

$('input[type="file"]').addClass("btn disabled");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input multiple="multiple" type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;">

【问题讨论】：

嘿帕特里夏。如果您右键单击您的不可见文件输入并选择Inspect...，您会注意到它实际上有class="btn disabled"。您与我们分享的示例运行良好。您在控制台中有任何错误吗？也许是 jQuery 404 或类似的东西？
这是正确的代码。您如何验证这不是被添加的？内联属性将取代您的类名中的那些。删除内联样式并验证。
@Cue 我检查了代码，但没有添加该类
它在那里
@patricia 在您的实际页面中，您的 jQuery 代码是否在 <head> 中？还是在<body> 的末尾？它是否在另一个函数内，如$(document).ready( ... )？如果您按F12，您的控制台会显示任何错误吗？您与我们分享的示例完美运行，因此如果没有更多信息，我们真的无能为力。这就像给修理工带来一辆全新的汽车，然后问他回家的车出了什么问题。

标签： jquery html css ajax

【解决方案1】：

要停用输入[type="file"]，您应该像这样添加属性“disabled”：

$('input[type="file"]').attr("disabled", "");

【讨论】：

【解决方案2】：

您询问是否向您的输入添加类 btn disabled。您包含的代码正是这样做的。

但是，您随后在其他地方的评论中澄清了：

我想禁用浏览按钮，就是这样，但它不起作用

添加一个“禁用”的类只是为了样式或识别目的。从功能上讲，它不会禁用任何东西。

要禁用输入，您必须添加属性“禁用”。

为此，您可以使用 jQuery 的.attr():

$('input[type="file"]').attr("disabled", "");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" name="file">

【讨论】：