如何删除类中的所有 CSS 属性，但不要使用 jQuery 删除类答案

【问题标题】：How to remove all CSS property inside a class, but don't remove class using jQuery如何删除类中的所有 CSS 属性，但不要使用 jQuery 删除类
【发布时间】：2012-01-08 12:20:58
【问题描述】：

通过不使用 jQuery 删除类来删除类中的所有 CSS 属性

例如：

    .ui-widget {
        font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
        font-size: 1.1em/*{fsDefault}*/;
        left: 350px !important;
        top: 160px !important;
    }

    //To

    .ui-widget {
    }

【问题讨论】：

那么你想用jQuery修改样式表的内容吗？我真的不明白你的最后一句话是什么意思。
@BoltClockK: 是的，我需要使用 jQuery 进行修改
来自“通过不使用 jQuery 删除类”我知道你不想像这样删除类 -- $('.ui-widget').remove();但是您想删除类内的属性，以便可以像这样使用 jquery 清空 css -- $('.ui-widget').css(' ');
stackoverflow.com/questions/955030/…
@Kavitha：谢谢，它工作正常..

标签： jquery css

【解决方案1】：

我不会尝试更改样式属性，而是创建两个单独的类并使用 jQuery 来切换 HTML 元素的类。这似乎更直接。

【讨论】：

我在 jQuery 的一个对话框中使用这种样式。第一次对话框打开并根据新的类样式很好地工作，然后我关闭对话框并重新打开对话框，这次是旧样式。跨度>

【解决方案2】：

是的，Trott 说的。

使用这样的东西：

<script>
    $("p").click(function () {
      $(this).toggleClass("removeStyle");
    });
</script>

当您单击段落时，该脚本会导致类切换。您可以将段落更改为任何内容，也不需要是点击功能。带有 toggleClass 的那一行是最重要的。

toggleClass 函数可以让你在样式和无样式之间来回切换。

【讨论】：

@Philip: $('.ui-widget').toggleClass("ui-widget-new");工作正常。