实习小结六:使用jQuery根据url中的参数更改样式
2015-07-30 16:03
696 查看
cat/books/fiction/?sort=overall_score
根据该链接中的sort参数,更改a标签的样式,此处注意,点击后是要跳转页面的,所以要根据url参数来判断更改。
html代码:
js代码如下:
实现效果图:
根据该链接中的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>
实现效果图:
相关文章推荐
- JQUERY操作JSON
- jquery append 动态添加的元素事件on 不起作用的解决方案
- jQuery动画效果2(animate移位效果/stop停止/delay延时效果)
- jQuery代码实现发展历程时间轴特效
- jquery.validate使用攻略
- 为什么项目中不使用jquerymobile
- 西山居首页jQuery焦点图代码
- jQuery 插件开发
- jQuery学习之事件
- jQuery的简介及语法
- jquery 杂记
- jQuery 取值、赋值的基本方法
- 29. JavaScript - 测试 jQuery
- jQuery只网站品牌列表的效果
- 使用highcharts插件时图表无法显示且jQuery报错:Uncaught ReferenceError: $ is not defined
- JQuery实现对勾事件代码
- jquery中的on事件
- jquery报表
- jquery绑定事件的区别
- JQuery的父、子、兄弟节点查找方法