javascript - 如何在 css 或 javascript 中为 id 分配一个类？

Question

现在，我制作的每个文本框都是这样的：

<input type="text" class="disableHotkeys">

在其他地方，我的代码可以在关注“disableHotkeys”类的元素时禁用热键，并在所有元素都模糊时启用。

这一切都很好，但我宁愿输入元素默认属于“disableHotkeys”类，以清理代码，减少重复。

我想要的是这样的：

default.css:

//don't use this code
input
{  include .disableHotkeys;  }

有没有办法在css中做到这一点？

如果没有，我想有一种方法可以在页面加载后使用 JQuery 将类添加到所有内容中，但是将类设置在开发人员通常会查看的位置之外（html/php 文件，也许还有 css ）。

PS如果你有更好的标题，将不胜感激

score 2 · Accepted Answer

如果你想为 DOM 上的所有文本输入添加一个类：

$(document).ready(function(){

    $( ":text" ).addClass("yourclassname");

});

这是一个演示小提琴。

score 2 · Accepted Answer

不幸的是，仅使用 CSS，您无法做到这一点。你需要使用JS。我给你一个 jQuery 例子——

$(document).ready(function(){
    $('input').addClass('disableHotkeys');
});

或者

$(document).ready(function(){
    $('input').each(function(){
        $(this).addClass('disableHotkeys');
    });
});

而且，如果您需要为所有输入添加类，那么为什么不将 disableHotkeys 类代码输入？

2 回答 2