jquery - 如何用jquery改变CSS？

Question

我有以下由 PHP 动态生成的 HTML。当我单击“事件”时，它会变为“非事件”，反之亦然。

我添加了 div class='status' 来进行 jquery 操作。 (我需要吗？没有这个div可以吗？)

我想在单击“事件”时将 CSS class='status' 更改为 class='inactive'，并在单击“非事件”时将 CSS class 更改为“active”，以便我可以更改颜色或添加背景图像等.

HTML

...
...    
<tr valign='top'>
  <td align='center'>21</td>
  <td>Kontakt</td>
  <td>/kontakt.html</td>
  <td align='center'>
     <div class="status">
       <a href="http://127.0.0.1/ci/index.php/admin/pages/changePageStatus/21">active</a>
     </div>
  </td>
  <td align='center'>...
  ...
  </td>
</tr>

我正在使用 jquery，我需要一些指导。

谁能告诉我一些 jquery 代码吗？

--更新--

有很多div带有calss='status'，那么我如何告诉jquery我要更改我点击的css。

--更新2--

我想检查值(事件/非事件)。并添加它作为类的值(value)。 e.x 如果其值为 active，则添加 css class='active'；如果其值为 inactive，则添加 css class='inactive' 等。我可以做吗？或者您有其他建议我应该如何做。

--更新3--

谢谢大家。你们好棒。我测试了一些代码。但问题是，当我单击“事件”时，它会更改 bg，但随后刷新页面以通过 php/mysql 更改为“非事件”。所以这意味着每次我单击值(事件/非事件)都会发生变化。所以我认为正如我在更新 2 中所述，根据值添加 css 类可能是个好主意。欢迎更多建议，我很感激。 (我还没用AJAX做过...)

--更新4--

使用 ID 不是一个好主意，因为表是动态创建的。我可以添加 ID，但它会添加更多代码。所以我认为上课更好。

--更新5--

我把问题移到这里了。 How to add a class depends on value with jquery

经过这件事，我现在知道我想做什么了。

Answer 1

jQuery有函数toggleclass()、removeClass()和addClass()。这些应该会帮助你。

在没有看到整个 HTML 的情况下，建议选择器有点困难。如果您为您的 div 分配了一个 id(例如 mydiv)，那么您可以拥有

$("#mydiv").removeClass('status').addClass('inactive');

或者只是翻转它们:

$("#mydiv").toggleClass('status').toggleClass('inactive');

这很好地利用了链接