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 = (this.value == '' ? this.defaultValue : this.value);
};
input.onfocus = function() {
this.value = (this.value == this.defaultValue ? '' : this.value);
};
};

或者

window.onload = function() {
var input = document.getElementById("input");
input.onfocus = function() {
if(this.value==this.defaultValue){
this.value='';
this.style.color="#000";
}
else this.style.color="#999";

};
input.onblur = function() {
if(this.value==''){
this.value=this.defaultValue;
this.style.color="#999";
}
else this.style.color="#000";
};
};

 

转载于:https://www.cnblogs.com/zhongfufen/p/3986181.html