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";
};
};

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。