JQ一点随笔(点滴进步)

 

$(".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"); },//设置初始页面