js控制a标签样式

说一个思路：为每一个a添加点击事件，当点击时遍历所有的a，并把所有的a的class设置为m。再把当前a的class设置为n.

用一些js库（比如Mootools）很容易做到。用js的原型函数可能麻烦一点。

拙见，献丑了！！！！

jquery可以使用attr()或prop()方法修改类名，javascript可以修改对象的className属性，关键代码如下：

$("#test").attr("class","blue")

$("#test").prop("class","blue")

document.getElementById("test").className = "blue"

实例演示如下:

1、HTML结构

<style>

.red{color:red !important}

.blue{color:blue !important}

</style>

<div id="test">我是示例DIV</div>

<input type="button" id="js" value="使用javascript方法修改类名为red"><br>

<input type="button" id="jq" value="使用jquery方法修改类名为blue"><br>

2、jquery代码

$(function(){

$("#jq").click(function() {

$("#test").attr("class","blue")

})

}) 

window.onload = function(){

document.getElementById("js").onclick = function(){

document.getElementById("test").className = "red"

}

}

3、效果演示

---