首页 > 代码库 > 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常用代码