Question

jquery的addClass和removeClass使用方法？

以次例说明：
就比如有一个<div class="menu">
<a href="../123/342.html">123</a>
<a href="../789/098.html">789</a>
</div>
怎么使用jquery实现，当点击123的时候自动添加个class=“select”，代码自动就变成
<div class="menu">
<a class="select" href="../123/342.html>123</a>
<a href="../789/098.html">789</a>
</div>
然后点击789，又变成
<div class="menu">
<a href="../123/342.html">123</a><a class="select" href="../789/098.html">789</a>
</div>
jquery的代码怎么写？

Answer 1

1. addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。

   

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

   

拓展资料：

提问中的解决方法如下：

Answer 2

1. addClass
   描述: 为每个匹配的元素添加指定的样式类名
   .addClass( className ),className为一个String字符串，为指定元素添加这个classname的类
   .addClass( function(index, currentClass) )，这个函数返回一个或更多用空格隔开的要增加的样式名。接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容。在函数中this指向匹配元素集合中的当前元素。
   

2. removeClass
   描述: 移除集合中每个匹配元素上一个，多个或全部样式。
   .removeClass( [className ] )，每个匹配元素移除的一个或多个用空格隔开的样式名。
   .removeClass( function(index, class) )，这个函数，返回一个或多个将要被移除的样式名。index 参数表示在所有匹配元素的集合中当前元素的索引位置。class 参数表示原有的样式名。
   

Answer 3

function changeStyle(item) {
$("a").removeClass("selected");
$(item).addClass("selected");
}
注：item就是你传过来的对象，"a"就是所有<a>标签。你给你的a标签都加个onclick事件，都触发下changStyle()事件就行了

Answer 4

给两个<a>加id便于取到

<div class="menu">
<a id='a123' href="../123/342.html">123</a>
<a id='a789' href="../789/098.html">789</a>
</div>

<script>
(document).ready(function(){
$("#a123").click(function(){
$("#a789").removeClass("select");
$(this).addClass("select");
});

$("#a789").click(function(){
$("#a123").removeClass("select");
$(this).addClass("select");
});
});
</script>

Answer 5

$(document).ready(function(){
$("div.menu a").click(function(){
$("div.menu a").removeClass("select");//移除menu下全部select样式
$(this).addClass("select");//给被点击a添加select样式
});
});
但是你这a有链接啊，点了就跳转了，就算用了也没用。。。。。