如何使用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

我认为值得注意的是，您可以通过省略以下参数来删除所有类removeClass()：

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

Answer 3

jQuery定义addClass()并removeClass()仅用于此目的:

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

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

如果您想将所有元素从'oldClass'更改为'newClass',您可以使用如下选择器:

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

Answer 4

如果您希望完全替换元素上的现有类，可以使用 .attr() 方法。

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

elementId 上的任何类都将被替换。