js或jq+html+css控制a链接点击后变化背景色

实现点击 更换背景颜色的效果

a链接点击变化背景,一般用于多条件筛选,例如省市区筛选等。因为a标签有href属性时,点击以后会出现跳转情况,所以javascript 和jquery写的效果是“没有”作用效果的。
坚决方案:
a链接去掉href属性,并使用css样式 cursor:pointer; 来定义鼠标样式,这样就有效避免链接跳转而产生的javascript代码失效的现象。
温馨提示:内容为网友见解,仅供参考
第1个回答  2015-05-26
<style type="text/css">
.current{
background:#6DC8F6;
}
</style>

<div class="tvs">
<a href="#" class="current">国产剧</a>
<a href="#">港台剧</a>
<a href="#">日韩剧</a>
<a href="#">欧美剧</a>
<a href="#">泰国剧</a>
</div>
<script type="text/javascript">
$(function(){
$('.tvs a').click(function(){
$('.current').removeClass('current');
$(this).addClass('current');
});

});
</script>本回答被网友采纳
相似回答