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

$(document).ready(function(){$("a").click(function(){$("a").each(function(){$(this).removeClass("select")}),$(this).addClass("select"),return false})})

追问

你好，我试了以上各位的代码，但是都同样出现一个问题，就是在页面查看的时候报错：对象不支持次属性或方法，这是怎么回事？我是用的是php+mysql，我是想给从数据库调用出来的一些链接加动态样式呢！所以链接的代码实际是只有一行代码，而从数据库调用出来了好多链接！

追答

具体怎么写这个脚本要根据你页面DOM结构来看，你只写了那两三行的例子，我们就只能按照那个简单的例子来写，不用考虑上下文的关系。所以，为什么你查看的时候报错，我猜不出来原因

Answer 2

$(function(){
var menuA = $(".menu a");
menuA.click(function(){
menuA.removeClass("select");
$(this).addClass("select");
});
});

Answer 3

$('a:contains(123)').addClass("select");//增加
$('a:contains(789)').removeClass("select");//删除

Answer 4

$(document).ready(function () {
$("#btnG").click(function () {
$("#pp").removeClass().addClass("G");
});
$("#btnR").click(function () {
$("#pp").removeClass().addClass("R");
});
});
代码类似，