jquery 小代码

function changeTab(tab,data,style){
/标签切换 tab:标签, data:内容, style:标签选中样式*/
$(data + ‘:gt(0)’).hide(); //首先隐藏第一个之后的其他内容块
$(tab).click(function(){
$(this).addClass(style).siblings().removeClass();
$(data).eq(tabTitle.index(this)).show().siblings().hide();
});
}

function cssHover(selector,style){
$(selector).hover(
function(){
$(this).addClass(style);
},
function(){
$(this).removeClass(style);
}
);
}

function cssLastChild(selector,style){
/选择最后一个元素/
selector += ‘:last-child’;
$(selector).addClass(style);
}

function cssChaldth(selector,nth,style){
/选择第n个元素/
selector = selector + ‘:nth-child(‘+nth+’)';
$(selector).addClass(style);
}
function checkBox(getAll,getRev,pack){
/全选与反选 getAll:全选/全不选, getRev:反选, pack:包含复选框的元素*/
$(getAll).click(function(){
if(this.checked){
$(pack+’>:checkbox’).attr(‘checked’,true);
$(getRev).attr(‘checked’,false);
}else{
$(pack+’>:checkbox’).attr(‘checked’,false);
}
});
$(getRev).click(function(){
$(pack+’>:checkbox’).each(function(){
this.checked = !this.checked;
});
if(this.checked){//当这个按钮本身被选中时,全选变为不选中
$(getAll).attr(‘checked’,false);
}
});
}

function showIntro(selector,attr,class){
/弹出详情介绍框 selector:元素, attr:元素属性名, class:生成框的样式名/
$(selector).mouseover(function(e){
x = 20; y = 20;
msgBox = ‘

’+$(this).attr(attr)+’
’;
$(‘body’).append(msgBox);
$(‘#’+class).css({‘left’:(e.pageX + x)+’px’, ‘top’:(e.pageY + y)+’px’}).show(‘fast’);
}).mousemove(function(e){
$(‘#’+class).css({‘left’:(e.pageX + x)+’px’, ‘top’:(e.pageY + y)+’px’}).show(‘fast’);
}).mouseout(function(){
$(‘#’+class).remove();
});
}
function textFocus(selector,style){
/
文本框得到与推动焦点*/
$(selector+’>:text’,selector+’input[type="password"]‘).focus(function(){
$(this).addClass(style);
if($(this).val() this.defaultValue){$(this).val(”);}
}).blur(function(){
$(this).removeClass(style);
if($(this).val()
”){$(this).val(this.defaultValue)}
});

}

function cssFocus(selector,style){
$(selector).focus(function(){
$(this).addClass(style);
}).blur(function(){
$(this).removeClass(style);
})
}

function stepTab(selector,hidden,show){
/一个隐藏,一个显示/
$(selector).click(function(){
$(hidden).hide();
$(show).show();
});
}
function selectBox(showBox,dataBox,option,showValue,textBox){
/下拉框 */
$(showBox).click(function(event){
event.stopPropagation();
$(this).next().slideToggle(‘fast’);
});
$(option).click(function(){
$(showValue).text($(this).text());
$(textBox).val($(this).attr(‘value’));
});

$(document).click(function(){
$(dataBox).slideUp(‘fast’);
});
}