jQuery选择器
来源:互联网 发布:淘宝拍卖汽车可信吗 编辑:程序博客网 时间:2024/06/06 05:24
var $ = require('jquery');$('.main-nav li').click(function() {$('.main-nav li').removeClass('active');$(this).addClass('active');});
意思是:监听class="main-nav"下的li标签的点击事件
然后一处class="main-nav"下的li标签的class="active"属性(active为点击后的CSS样式)
再给当前的元素添加class="active"
从而达到标题栏的点击效果
但是使用tiles模块加载的话. 每个组件页面跳转回重新加载. 所以class无法用鼠标点击加载上去.
只能用获取当前url来判断
所以用了
jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
先获取当前全路径
var url = window.location.href
或者目录路径
var url = window.location.pathname;
获取当前最后一个路径名(最后一个”/”后面的字符串)
var path=window.location.href;path=path.substr(path.lastIndexOf('/')+1); alert(path);
获取上一级目录(左后一个”/”前面的字符串)
var url = window.location.href;var arr = url.split("/");delete arr[arr.length-1];var dir = arr.join("/");alert(dir);
然后通过
if()
最后一个路径名选择<a>
if(path=="index"){$('[href$="index"]').addClass('active').siblings().removeClass('active');}
注:
.siblings()
除了当前元素以外的元素.
学习笔记,未排版,转载标明出处:http://blog.csdn.net/zemochen/article/details/10993787
参考文献:http://www.cnblogs.com/amylis_chen/archive/2010/07/08/1773335.html
http://www.w3cschool.cn/jquery_selectors.html
- CSS选择器,jQuery选择器
- jQuery选择器 CSS选择器
- JQuery选择器(选择器简介)
- jQuery选择器 基本选择器
- jQuery选择器 层次选择器
- jQuery选择器 表单选择器
- Jquery选择器-基本选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- Jquery选择器--过滤选择器
- JQuery选择器
- jquery 选择器
- Jquery选择器
- jQuery选择器
- jQuery 选择器
- JQuery选择器
- JQuery选择器
- 寻找K大数的各种方法
- myeclipse9.0 svn安装
- 递归将二叉树转换为双向链表
- Android.mk文档规范
- 指针和引用的区别
- jQuery选择器
- 信号与槽
- 覆写onEnter和onExit,场景切换出的大问题
- 最小生成树---Kruskal
- Python 模块介绍
- English
- Qualcomm tools I often use
- shell的一些杂七杂八的东西
- rsync ssh数据同步命令