如何用jquery更改CSS？

Question

我有以下由PHP动态生成的HTML.当我单击活动时,它会变为非活动状态,反之亦然.

我为jquery操作添加了div class ='status'.(我需要吗？没有这个div,我可以这样做吗？)

我想点击活动时将CSS class ='status'更改为class ='inactive',当我点击不活动时将CSS类更改为'active',以便我可以更改颜色或添加bg图像等.

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代码吗？

--UPDATE--

calss ='status'有很多div,所以我怎么告诉jquery我想改变我点击的css.

- 更新2--

我想检查值(活动/非活动).并将它的值添加为类.ex如果它的值是活动的,那么添加css class ='active',如果它处于非活动状态,则class ='inactive'等.我可以这样做吗？或者您有其他建议我应该怎么做.

- 更新3--

感谢大家.你们好棒.我测试了一些代码.但问题是,当我单击活动时,它会更改bg,但随后刷新页面以通过php/mysql更改为非活动状态.所以这意味着每次我点击值(活动/非活动)更改.所以我认为正如我在更新2中所述,添加css类可能是个好主意取决于值.欢迎提出更多建议,我感谢他们.(我还没有用AJAX做过......)

- 更新4 -

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

- 更新5--

我在这里提出我的问题.如何添加类依赖于jquery的值

在此之后,我现在知道自己想做什么.

Answer 1

jQuery具有toggleclass(),removeClass()和addClass()的函数.这些应该可以帮助你.

没有看到整个HTML有点难以建议选择器.如果你为你的div(例如mydiv)分配了一个id,你可以拥有

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

或者只是为了翻转它们而不管:

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

这很好地利用了链接