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

实现效果图：