导航栏中使a点击后出现下划线

使导航栏中 第一个a标签 默认有下划线,当鼠标划过别的导航的时候,下划线会换到别的导航下,当鼠标点击后,只有点击的那个a标签有下划线,直到点击下一次的时候,下划线换到下一个被点击的a标签 求大神解答

class1: text-decoration:none
class2: text-decoration:underline

function clicka(o){
$("a"). attr("class","class1");
$(o).attr("class","class2");
}



onmouseover onmouseout?