Question

怎样在jquery点击事件点击元素添加和移除class？

我的目的是想点击元素1或者元素2的时候在元素1或者元素2上面额外加一个class才可以用CSS来控制当前被访问时的样式，代码肯定不对。

Answer 1

一共三步，具体如下：

1、HTML结构：设计三个li元素<ul id="test">、 <li>Glen</li>、<li>Tane</li、<li>John</li>、</ul>。

2、css样式：设计一个类selected，表示选中后的效果<style> .selected{font-weight:bold; background: #ff99cc; color:#fff;}</style。

3、jquery代码：$(function(){$("#test li").click(function() $(this).siblings('li').removeClass('selected');  // 删除其他兄弟元素 $(this).addClass('selected');  // 添加当前元素的样式 });

1、removeClass()定义和用法：removeClass() 方法从被选元素移除一个或多个类。如果没有规定参数，则该方法将从被选元素中删除所有类。

2、addClass()定义和用法：addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。如需添加多个类，请使用空格分隔类名。