js点击当前标签改变样式与还原

点击当前标签,添加样式,点击另一个标签,当前样式还原,另一个标签添加样式

 <style>.focus{background:#f00;color:#fff}</style>
<div id="dv">
    <a href="#">a1</a> <a href="#">a2</a> <a href="#">a3</a>
</div>
<script>
    var as = document.getElementById('dv').getElementsByTagName('a');
    for (var i = 0; i < as.length; i++) as[i].onclick = function () { for (var i = 0; i < as.length; i++) as[i].className = '';this.className='focus'}
</script>
  • aa
  • aa
  • aa
  • aa
  • aa

$(this).addClass(‘active’).siblings().removeClass('active');