您的位置:首页 > Web前端 > JQuery

JS/JQuery常用操作

2016-01-05 14:57 615 查看
#############input#################
$("#serial").attr('readonly','true');
$("#serial").removeAttr('readonly');
###########input  checkbox########
$("#holenabled").is(':checked') ==false//判断复选框是否选中

#############radio##############
//取得选中的radio
$('input:radio[name="delaytime"]:checked').val() == 1
$('input[name="iopoint"]:checked').val()   //     removeAttr

#############select##############
$("#door").attr('disabled','true');//设置不可操作
$("#door").removeAttr('disabled'); //去除disabled属性
$('select[name="areaId"]').empty();//清空
groupId.options.length ==0         //获取option数量
##############选中标签方法################3
$("#queryForm input[name='departId']").val('');
$('#query').find("input[name='serial']").val();
$('select[name="areaId"]').empty();

#########去除样式###########
$("#dev_name").attr('class','medium_w')//动态添加去除样式可使用attr

#########鼠标事件###########
$("#tree_2").mouseleave()         //鼠标离开事件
<input onmouseover="">            //鼠标移上时间
//点击事件
$("input[name=select2]").click(function(){
//TODO
});

#############移除焦点时触发#################
<input onblur=""> //同 $("#stationNo").blur()
$("#period1End").bind("propertychange input",function(){
//TODO
})

//据说只在IE试用,据发现可在chrome下使用,检测键盘和鼠标,添加时间控件选择时失效
//oninput
$('#stationNo').bind('input propertychange', function() {
//TODO
});

#############检测Value值变化################
onchange  //select可使用
onkeyup="monitor();"//input使用时间控件选择时失效->监测键盘输入?

#############判断数字#################
 NaN()   //即 Not a Number
 isNaN() //判断是数字

##############################
$("#delaytimenum").spinner({
max: 255,
min: 1,
step: 1
});

##############加载执行################
$(document).ready(function(){

});
//或$(function(){ });

#############隐藏显示#################
//隐藏
$("#id").attr('display','none')
$("#id").hide();
//显示
$("#id").attr('display','block')
$("#id").show()

注:hide隐藏后,用display:block无法显示
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JQuery JavaScript