实习小结六：使用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>

实现效果图：