Javascript 我可以通过JQuery将CSS类交换为特定的元素集吗？

我有两个LIs，如下所示：-

<li name="luxury" class="cars luxury>                                           
    <div id="featured_lux" name="featured" class="carImg_lux col2_lux ">
        My Luxury Car<img border="0" class="car-image_lux" src="/images/toycar_luxury.gif">
    </div>

    <div class="brandName_lux col2_lux">
        <h2 class="showBig_lux">
            Ferrari or Ford Mustang
        </h2> 

    </div>          

</li>

我的普通车
Alto或Innova

两者看起来很相似。不同之处在于它们的CSS类和内容

我可以通过Jquery为这两组元素交换CSS类吗？ 例如普通车型应采用豪华CSS和viceversa

我可以通过在jQuery中使用addClass（）和removeClass（）来实现它。 有没有哪种直接的方法只需最少的代码工作量

上述方法应根据某些条件默认运行。（无需单击或悬停。）

我不想使用任何外部库（如果存在）

---

请帮忙。谢谢：）

如果你想使用普通代码，你可以使用一个带有jQuery工作方式及其普通实现的站点

例如：

jQuery代码：

$(el).addClass(className);

普通代码：

if (el.classList)
  el.classList.add(className);
else
  el.className += ' ' + className;

---

您可以使用

切换类

$（函数（）{
$（'.swap'）。单击（函数（）{
$（'.a，.b'）。切换类（'a b'）；
});
});

.a{背景：红色；}
.b{背景：蓝色；}

#
#

是的，您可以使用JQuery，现在去试试；）如果您可以使用addClass（）和removeClass（）来实现它，也许就足够了？不。。通过addCSS和removeCss，我在脚本中创建了大量代码行。约15-18行以删除现有CSS并添加新CSS。但我只想用最少的代码行（精炼的代码）来实现它，你所说的“基于某些条件默认运行”是什么意思？是调用if中的交换类函数吗？是。。如果条件有效..addClass、removeClass、toggleClass也有效。但是我在一个LI中有巨大的元素，在另一个LI中有相同的巨大元素，它们有不同的CSS名称。所以，两个LIs中都有20个不同的CSS，那么我至少要写20次toggleClass。我没有任何单击或悬停功能。在页面加载时，根据某些条件，它应该将CSS从一个切换到另一个。就是这样。当然，我添加了按钮来演示。您应该能够将我的示例应用于任何页面加载条件。Thanx寻求帮助。但是ToggleClass我必须写6-7次，因为上面提到的示例包含6个CSS类。我明白了吗（没有什么能神奇地为您编程。

toggleClass

是关于元素之间交换类的高级。嘿，谢谢..如果没有其他方法，我必须继续使用toggleClass。我会遵循它。但是，上面提到的是示例代码。在一个Li中..我有不同的新Div ele它也有CSS类。因此，假设一个大的LI有20个CSS，另一个大的LI有相同的新的20个CSS，那么，我至少要写20次toggleClass。我会遵循或必须遵循这个。我想通过Jquery实现。业务要求：(

if (el.classList)
  el.classList.add(className);
else
  el.className += ' ' + className;