$(".class1 .class2") 选择class1元素下class2的元素(中间有空格);
$(".class1.class2") 选择同时含有class1和class2的元素(中间没有空格);
$(".class1,.class2") 选择class1或者class2的元素(中间有逗号);
teb页面切换
<div class="pr-tab">
<div class="pr-tab-header">
<span code="0100101" class="pr-tab-item">单项数据分析</span>
<span code="0100102" class="pr-tab-item">对比分析</span>
<span code="0100103" class="pr-tab-item">时比分析</span>
</div>
initEvent:function(){
var me=this;
$(".pr-tab .pr-tab-header").bind("click",function(e){
var evt = event || window.event;
var src = evt.target || evt.srcElement;
var $src=$(src);
var code=$(src).attr("code");
if(!code){
return;
}
var $root= $($src.parent()).parent();
if($root.attr("currentTab")==code){
return;
}
me.tabClick(code);
}
);
tabClick:function (code){
var me=this;
var $src=$(".pr-tab .pr-tab-header>span[code='"+code+"']");
var $parent=$($src.parent());
$parent.children("span").removeClass("pr-tab-selected");
$src.addClass("pr-tab-selected");
$(".pr-tab .pr-tab-panel>div").css("display","none");
$("#"+code).css("display","block");
}
initValue:function(){ this.tabClick("0100101"); },//设置初始页面