用jQuery也可以，不过显得大材小用。
纯JS也可以几行代码搞定：
HTML代码：
<div onclick='chgColor(this)'>1</div>
<div onclick='chgColor(this)'>2</div>
<div onclick='chgColor(this)'>3</div>JS代码：
<script type="text/javascript">
var perDiv=null;
function chgColor(_this)
{
if(perDiv) perDiv.style.backgroundColor='';
_this.style.backgroundColor='red';
perDiv=_this;
}
</script>
以上CSS代码所管辖的区域对就关系：以上注释中的数字与下图中数字相对应。
上图正如如下所言：
::-webkit-scrollbar 滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等。
::-webkit-scrollbar-button 滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。
::-webkit-scrollbar-track 外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。
::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）。
::-webkit-scrollbar-thumb 滚动条里面可以拖动的那部分
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式
注意：对以上各个部分定义width,height时。有如下功能：若是水平滚动条，则width属性不起作用，height属性用来控制滚动条相应部分竖直方向高度；若是竖直滚动条，则height属性不起作用，width属性用来控制相应部分的宽度。
自定义浏览器滚动条的样式，打造属于你的滚动条风格
自定义滚动条-谷歌浏览器
webkit内核的浏览器滚动条定制
JS获取URL中#后面的参数
js url #
js获取url的参数和值有效方法和方式