ul li a标签单击li高亮菜单的问题?

Question

<ul class="cotrs">
<li><a href="?s=as">慕课</a></li>
<li><a href="?s=ad">慕课</a></li>
<li><a href="?s=ac">慕课</a></li>
<li><a href="?s=az">慕课</a></li>
<li><a href="?s=aa">慕课</a></li>
<li><a href="?s=a5">慕课</a></li>
<li><a href="?s=ax">慕课</a></li>
<li><a href="?s=ag">慕课</a></li>
</ul>
<style>
        .bd{
                border:2px solid white;
                background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important; /*实现FF背景透明，文字不透明*/
                }
    </style>
$(function(){
            var cotrs =$(".cotrs li a")
            cotrs.click(function(){
                $(".cotrs li").addClass("bd").siblings().removeClass("bd"); 
            });
});

根本没效果，坐等解决。。

谢谢！支持慕课！

Answer 1

我说，jQuery代码是不是应该放在script标签里面啊？它的类库你都没导入，a标签的单击效果怎么可能起作用