Jquery 将类添加到标记

我想在我的

<p class="formField" id="equipmentTypeContent">some content is here...</p>

---

我不知道在本例中，jQuery是否需要知道除了标记的类型之外，它是什么类型的元素（在本例中是标记）？我对此表示怀疑，我认为它只需要您正在操作的元素的id，对吗？

您的代码看起来不错，但您需要将代码封装在：

---

还要确保您已经在页面上加载了jQuery。

您的代码看起来不错，但您需要将代码包装到：

---

还要确保在页面上加载了jQuery。

代码没有问题。请参阅jsFiddle上的

代码没有问题。参见jsFiddle上的

是一个小提琴，显示了在下拉菜单中更改选择后如何操作（并通过返回p元素的更新类来证明）

我正在使用jQuery

.change（）

函数在select元素的值更改后执行某些代码。在本例中，我获取select元素的值，去掉空格，并将结果中的无空格字符串作为类添加到p元素。

是一个小提琴，显示了在下拉列表中更改选择后如何执行此操作（并通过返回p元素的更新类来证明）

---

我正在使用jQuery

.change（）

函数在select元素的值更改后执行某些代码。在本例中，我获取select元素的值，去掉空格，并将生成的无空格字符串作为一个类添加到p元素中。

代码没有问题如果脚本高于HTML，请尝试使用jquery ready函数

$(document).ready(function(){
  $('#equipmentTypeContent').addClass("singleEquipmentText");
});

如果您想将该类添加到所有这些类中，也可以使用该类访问

$(document).ready(function(){
  $('.formField').addClass("singleEquipmentText");
});

---

代码没有问题，如果脚本在HTML之上，请尝试使用jquery就绪函数

$(document).ready(function(){
  $('#equipmentTypeContent').addClass("singleEquipmentText");
});

如果您想将该类添加到所有这些类中，也可以使用该类访问

$(document).ready(function(){
  $('.formField').addClass("singleEquipmentText");
});

---

---

为什么是现在？我没有必要在我的代码中为这个页面包装其他操作，我已经在处理一些元素的ID了。。。例如，使用jquery隐藏此页面中的“显示”下拉列表等等……而不必引入ready@CoffeeAddict：因为jQuery需要能够在加载元素后找到您使用ready handler处理的元素。@CoffeeAddict:如果有其他错误，请尝试使用firebug控制台。我知道，但到目前为止，我调用它的方式是在一个事件中…不必等待页面加载。此操作发生在dropdownlist中的事件上。当用户从我的页面上的下拉列表中选择某个内容时，dom在此之前已经加载了…所以在这种情况下，我不会在获取页面后立即尝试设置某个内容…为什么现在？我没有必要在我的代码中为这个页面包装其他操作，我已经在处理一些元素的ID了。。。例如，使用jquery隐藏此页面中的“显示”下拉列表等等……而不必引入ready@CoffeeAddict：因为jQuery需要能够在加载元素后找到您使用ready handler处理的元素。@CoffeeAddict:如果有其他错误，请尝试使用firebug控制台。我知道，但到目前为止，我调用它的方式是在一个事件中…不必等待页面加载。此操作发生在dropdownlist中的事件上。当用户从我的页面上的下拉列表中选择某个内容时，dom在此之前已经加载了…因此在本例中，我不会在获取页面后立即设置某个内容…尝试运行粘贴到jsFiddler中的代码。我从标记中删除了这个类，然后单击了run…我在运行这个时没有看到添加的类。在我的示例中，singleEquipmentText类设置了1px黑色边框，在结果窗格中，您应该看到两像素高的黑色线条。这意味着类是在运行时添加的。请注意，jQuery代码是在dom就绪处理程序上运行的，如JSFIDLE windowyea左侧所述，但我应该能够看到视图源代码，并看到添加到我的中的类，而在运行代码时我没有看到。在没有就绪处理程序的情况下，我在本页上运行的jQuery代码很好。只有在加载页面上首次加载dom时，才需要ready。如果页面已经加载，并且用户正在与html控件交互，则DOM肯定已经加载。是的，如果DOM已经加载，则不需要就绪事件。你在用什么检查类的存在？“查看源代码”并没有显示这一点。使用chrome inspector或firefox上的firebug查看实时页面内容。这样，类应该是可访问的，并尝试运行粘贴到jsFiddler中的代码。我从标记中删除了这个类，然后单击了run…我在运行这个时没有看到添加的类。在我的示例中，singleEquipmentText类设置了1px黑色边框，在结果窗格中，您应该看到两像素高的黑色线条。这意味着类是在运行时添加的。请注意，jQuery代码是在dom就绪处理程序上运行的，如JSFIDLE windowyea左侧所述，但我应该能够看到视图源代码，并看到添加到我的中的类，而在运行代码时我没有看到。在没有就绪处理程序的情况下，我在本页上运行的jQuery代码很好。只有在加载页面上首次加载dom时，才需要ready。如果页面已经加载，并且用户正在与html控件交互，则DOM肯定已经加载。是的，如果DOM已经加载，则不需要就绪事件。你在用什么检查类的存在？“查看源代码”并没有显示这一点。使用chrome inspector或firefox上的firebug查看实时页面内容。这样，类应该是可访问的确保您在页面上正确加载了jQuery。确保您在页面上正确加载了jQuery。