如何使用jQuery更改css类规则？

要使用jQuery更改CSS类规则，您可以使用.css()方法来直接更改元素的样式，或者使用.addClass()和.removeClass()方法来添加或删除CSS类。

以下是一些示例代码：

1. 使用.css()方法直接更改元素的样式：

$("selector").css("property", "value");

例如，将所有<p>元素的字体颜色更改为红色：

$("p").css("color", "red");

1. 使用.addClass()方法添加CSS类：

$("selector").addClass("classname");

例如，将<div>元素添加highlight类：

$("div").addClass("highlight");

1. 使用.removeClass()方法删除CSS类：

$("selector").removeClass("classname");

例如，将<div>元素删除highlight类：

$("div").removeClass("highlight");

需要注意的是，jQuery不能直接更改CSS规则本身，只能更改元素的样式。如果您需要更改CSS规则本身，可以使用JavaScript的document.styleSheets对象来实现。