如何在jquery中更改元素类？

Question

假设我<ul class="myList verticalList">如何使用jquery更改 verticalList 的值？

Answer 1

尝试addClass和removeClass

的组合

$(selector).removeClass('verticleList').addClass('newClass');

另外，您的意思是：垂直

Answer 2

我认为您要做的是删除该类并更改为另一个类？请参阅addClass和removeClass

$('.verticalList').addClass('foo').removeClass('verticalList') 

P.S。我在这个版本中正确拼写了'vertical'

Answer 3

您可以使用几个函数来操作元素类。

如果元素不存在，

toggleClass会在元素上添加一个类。如果它存在则将其删除。

$(".myList").toggleClass("verticleList");

addClass在元素上插入类。如果该类已经存在则无效。

$(".myList").addClass("aClass");

removeClass从元素中删除该类。如果该类不存在则无效。

$(".myList").removeClass("aClass");

如果元素有或没有类，

hasClass会返回true或false。

$(".myList").hasClass("aClass");

您还可以更改修改属性（.attr）class的类，这可能不推荐使用。

• 的 See the example on jsFiddle.
• 的 Reference of class functions on jQuery API.

Answer 4

无需更改verticleLIst的值，您可以通过

添加所需的属性

$（'verticleList'）。css（），它会自动覆盖这些值。