Javascript 如何将类应用于所有按钮？

在我的一个项目中，我使用了

input[type=“button”]

将样式应用于所有按钮。它在除InternetExplorer6之外的所有浏览器中都能正常工作。它不会设计按钮的样式

是否有解决方案，比如为按钮创建一些类并将其应用于所有按钮

我想将该类应用于所有按钮，但不是手动应用。我认为可以使用jQuery进行此操作，您可以帮助我吗？

您是否尝试过

$（“：button”）

---

这将匹配所有按钮元素和类型为button的输入元素，并向它们添加类。

如果没有javascript，您无法在IE6中自动执行此操作。下面是使用jQuery的方法

$(":button").addClass( "something" );

---

我通常不喜欢为此使用JavaScript，因此我为文本类型的

元素添加

class=“text”

，为按钮类型的

元素添加

class=“button”

，以此类推。然后我可以将它们与

input.text

等匹配

虽然你不想手工做，但我认为这是更好的练习。如果您仍然希望使用jQuery执行此操作，请按如下方式执行：

$('input:button').addClass('button');
// Or to include <button> elements:
$('button, input:button').addClass('button');

// Text inputs:
$('input:text').addClass('text');
// And so on...

$（'input:button'）.addClass（'button'）；
//或包含以下元素：
$（'button，input:button'）。addClass（'button'）；
//文本输入：
$（'input:text'）.addClass（'text'）；
//等等。。。

除非您在其他地方需要jQuery，否则我不会使用它，因为为这样一个简单的任务加载库或框架似乎有些过火

I.E.6不理解CSS属性选择器，正确，看起来Javascript是唯一的方法

也许您可以使用以下代码：

Buttons=Parent.getElementsByTagName("input"); // "Parent" could be "document" or the Id. of a form, fieldset, div etc.
Button=0;
while(Button<Buttons.length){
    if(Buttons[Button].getAttribute("type")=="button"){
        Buttons[Button].className="Whatever_Style_We_Want";
    }
    Button++;
};

Buttons=Parent.getElementsByTagName（“输入”）；//“父项”可以是“文档”或表单、字段集、div等的Id。
按钮=0；
虽然（button你能给我们举一个例子说明IE有什么问题吗？我怀疑这可能是某些CSS在IE问题上没有正确解释。
：button
的意思是
*：button
。我建议将其改为
输入：button
。这样你就缺少了元素。但这些元素很容易与CSS匹配。我宁愿jQuery
$（“按钮，输入：按钮”）
如果我真的想将类添加到所有按钮中。这将比检查页面上的每个元素更有效。很抱歉出现了垃圾评论。我现在确实查看了源代码，并且
：一些
过滤器是以一种通用的方式实现的，它只需通过
jQuery.ex运行冒号后面的任何内容pr.something
功能，在初始元素已经被选择之后的一个阶段，因此它将选择所有元素。但是考虑到人们使用
：text
等的频率。而不是
输入：text
我认为可能值得建议一种特殊情况的优化…@Blixt:非常好的观点。今天又学到了一些新的东西y:）我还检查了jQuery源代码，它让我惊讶：xxx过滤器的实现效率有多低。
Buttons=Parent.getElementsByTagName("input"); // "Parent" could be "document" or the Id. of a form, fieldset, div etc.
Button=0;
while(Button<Buttons.length){
    if(Buttons[Button].getAttribute("type")=="button"){
        Buttons[Button].className="Whatever_Style_We_Want";
    }
    Button++;
};