jQuery选择器

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