如何使用jQuery删除类内的所有CSS属性，但不删除类本身

Question

删除class中的所有CSS属性，但不要使用jQuery删除class本身。

例如：

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

    //To

    .ui-widget {
    }

- Justin John

---

所以你想用jQuery修改样式表的内容？我不太理解你最后一句话的意思。 - BoltClock

@BoltClocK：是的，我需要使用jQuery进行修改。 - Justin John

从“通过不使用jQuery删除类”我理解您不想像这样删除类 - $('.ui-widget').remove(); 但是您想要删除类内部的属性，因此您可以使用jquery清空css，如下所示 - $('.ui-widget').css(' '); - Kavitha K Gowd

https://dev59.com/nXNA5IYBdhLWcg3wcdhk - César

Answer 1

与其尝试更改样式属性，我会创建两个不同的类，并使用jQuery来切换HTML元素的类。这似乎更加直观易懂。

- Trott

---

我在jQuery的对话框中使用了这种样式。第一次打开对话框并根据新的类样式工作得很好，然后我关闭对话框并重新打开对话框，这次就会回到旧的样式。 - Justin John

Answer 2

没错，就像Trott说的那样。

可以使用类似这样的代码：

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

这个脚本会在你点击段落时切换类。你可以将段落更改为任何内容，也不需要是点击函数。其中 toggleClass 的行非常重要。

toggleClass 函数将让您在样式和无样式之间来回切换。

- PhillipKregg

---

@Philip：$('.ui-widget').toggleClass("ui-widget-new"); 运行良好。 - Justin John