如何使用jquery重写类

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}

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

---

谢谢

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

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

您可以访问旧类和新类：

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

---

jQuery定义

addClass（）

和

removeClass（）

就是为了这个目的：

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

这两个功能做的很明显。像这样链接它们以在一个动作中改变类

如果要将所有元素从“oldClass”更改为“newClass”，可以使用如下选择器：

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

---

我认为值得注意的是，您可以通过从

removeClass（）

中去掉参数来删除所有的类：

---

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

---

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

是否尝试重新定义newwidget，以便该类的所有元素都具有新样式？或者您正在尝试更改现有元素的类？正如您所知，虽然删除旧类是一个选项，但不是必需的。如果旧类中有您想要使用的样式，只需使用

addClass（）

，这将使用新类中的样式“增强”元素。否则，请使用下面给出的解决方案。谢谢。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

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

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

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