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

 

转载于:https://www.cnblogs.com/xiaomurunning/p/5396125.html