属性选择器配合location使用(菜鸟的记录)
来源:互联网 发布:你买过淘宝的福袋吗 编辑:程序博客网 时间:2024/05/22 01:33
最近遇到个问题,如何在点击标题跳转到另一个页面后给标题添加高亮的class
我以前是把企业动态这四个小页面写到一个页面里,给相同的class,然后点击时候判断下标让其显示,同时给当前点击的标题添加一个class(初学者),在这种每次点击都要刷新页面的需求里完全用不上,后来大牛教了我一个神奇的 location + 属性选择器 完美的解决了这个问题
前提是 页面是 使用 a 标签做到的跳转 :
`<a href="newsshow.php?id=12">媒体报道</a>`
在点击链接跳转到页面后,使用 location.searh
会得到:?id=12
(关键的一步)
剩下的就是常见的属性选择器的使用了:
html结构是这样的: <li> <a href = "newsshow.php?id =12">媒体报道</a> </li>script 使用的jquery$("a[href$='"+location.search+"']").parents("li").addClass('active');
这样就可以给跳转到当前的标签添加 class 高亮;
关键是 location 的使用
阅读全文
0 0
- 属性选择器配合location使用(菜鸟的记录)
- jQuery属性选择器的使用
- 属性选择器理解记录
- window.location的属性
- location的属性
- STM32菜鸟成长记录---GPIO的使用
- CAShapeLayer的属性 path, 配合上 UIBezierPath(贝塞尔曲线)使用
- CSS 属性选择器 模糊匹配的使用
- 安卓中 选择器属性的使用,注意事项
- css3中属性选择器的使用
- Android菜鸟练习第十六课 RefreshListView的使用配合万能适配器(本篇文章自用)
- ClientDataSet通过UpdateStatus方法配合Delta属性查找已删除的记录
- window.location后面的属性
- window.location属性的应用
- 定位的配合使用
- 菜鸟的记录
- QVTKWidget 和其它控件配合使用记录
- (控件的属性)-效果选择器
- 使用for、if语句添加用户的一个shell脚本
- Eclipse快捷键和常用开发技巧总结
- lesson6.7Properties类
- 编辑器vim
- zabbix自定义脚本
- 属性选择器配合location使用(菜鸟的记录)
- ffmpeg实战教程(十)ffmpeg/camera实现最近很火的视频壁纸,相机壁纸
- vue 图片上传 图片展示 bootstrap
- 悬浮按钮
- 报错总结
- 谷歌浏览器如何导出书签【实用帖】
- Android Studio如何快速生成get,set,tostring,构造函数
- CSS3 transition介绍
- python从零写一个采集器:入库MySQL