首页 > 代码库 > js常用代码

js常用代码

菜单点击高亮效果:

$(function () {
$("#asideNavUl li").click(function () {
$("li[class=‘on‘]").removeAttr("class");
$(this).addClass("on");
});
});

或者

$(function () {
$("#nav li").click(function () {
$("li[class=‘arrow_on‘]").removeAttr("class");
$(this).addClass("arrow_on");
});
});

radio js交互:

$(‘#checkbox‘).on(‘click‘,function(){
if(!$(this).is(‘:checked‘)){
$(this).parent().removeClass(‘checkbox‘).addClass(‘checkboxDisabled‘);
}else{
$(this).parent().removeClass(‘checkboxDisabled‘).addClass(‘checkbox‘);
}
});

toggle:

$("#detailBtn").click(function(){
$("#timeShowLine").toggle("slow",function(){
$(this).addClass("processConCur");
$(this).removeClass("processCon");
},function(){
$(this).removeClass("processConCur");
$(this).addClass("processCon");
})
})

清除input默认值:

 

window.onload = function() {
var input = document.getElementById("input");
input.onblur = function() {
this.value = http://www.mamicode.com/(this.value == ‘‘ ? this.defaultValue : this.value);
};
input.onfocus = function() {
this.value = http://www.mamicode.com/(this.value == this.defaultValue ? ‘‘ : this.value);
};
};

或者

window.onload = function() {
var input = document.getElementById("input");
input.onfocus = function() {
if(this.value=http://www.mamicode.com/=this.defaultValue){
this.value=http://www.mamicode.com/‘‘;
this.style.color="#000";
}
else this.style.color="#999";

};
input.onblur = function() {
if(this.value=http://www.mamicode.com/=‘‘){
this.value=http://www.mamicode.com/this.defaultValue;
this.style.color="#999";
}
else this.style.color="#000";
};
};

 

js常用代码