实习小结六：使用jQuery根据url中的参数更改样式

cat/books/fiction/?sort=overall_score

根据该链接中的sort参数，更改a标签的样式，此处注意，点击后是要跳转页面的，所以要根据url参数来判断更改。

html代码：

<a class="price initial" href="?sort=price">Price ↓</a>

js代码如下：

<script type="text/javascript">
$(function(){
var url = location.href.toString();
if(url.indexOf("sort=")>0){
url = url.split("sort=")[1];
url = url.split("&")[0];
}else{
url = "";
}

if(url == 'price'){
$(".rank li .price").addClass("selected").removeClass("price")
}else if(url == 'overall_score'||url == ''){
$(".rank li .score").addClass("selected").removeClass("score")
}
});
</script>

实现效果图：