如何使用jquery覆盖一个类

Question

jQuery CSS类设置以下内容：

 .newwidget { border: 1px solid #5a9ee9; background: #5a9ee9 url(t6.gif) 50% 50% repeat-x; color: #ffffff; font-weight: bold; text-transform: uppercase; padding:3px 3px 3px 10px; font-size:10px}

如何覆盖此类并添加一个新类，以便我可以在其中添加不同的样式？也许我必须在添加它们之前删除它们。这是怎么做到的？

由于

Answer 1

将类选择器与addClass和removeClass一起使用。

$('.newwidget').removeClass('newwidget').addClass('newerwidget');

Answer 2

jQuery为此目的定义了addClass()和removeClass()：

$("#ElementId").removeClass('oldClassName').addClass('newClassName');

这两个功能显而易见。像这样链接它们以在一个动作中改变所有类。

如果您想将所有元素从'oldClass'更改为'newClass'，您可以使用这样的选择器：

$(".oldClassName").removeClass('oldClassName').addClass('newClassName');

Answer 3

您可以remove旧班级和add新班级：

$myJQObject.removeClass('newwidget').addClass('newclass');

Answer 4

我认为值得注意的是，您可以从[{1}}中删除参数删除所有类：

removeClass()

Answer 5

$(this).removeClass('oldClass').addClass('newClass');

Answer 6

如果您想要完全替换元素上的现有类，可以使用.attr（）方法。

$('#elementId').attr('class', 'newClassName');

将替换elementId上的任何类。