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

js判断元素是否隐藏、显示

2017-08-11 11:14 477 查看
js判断元素是否隐藏、显示的几种方法:

第一种:使用CSS属性

var display =$('#id').css('display');
if(display == 'none'){
alert("隐藏");
}


第二种:使用jquery内置选择器

1.
if($("#test").is(":hidden")){
$("#test").show();    //如果元素为隐藏,则将它显现
}else{
$("#test").hide();     //如果元素为显现,则将其隐藏
}
2.
if(!$('#test').is(':visible')){  //如果元素是隐藏的则显示元素,否则隐藏

$('#test').show(); 

}else{

$('#test').hide();

}
3.
if($('#test').is(':visible')){  //如果元素是显示的则隐藏元素,否则显示
$('#test').hide();
}else{
$('#test').show();
}
4.
jQuery("#tanchuBg").css("display")
jQuery("#tanchuBg").is(":visible")
jQuery("#tanchuBg").is(":hidden")
5.
if ($(this).css("visibility") == "hidden")
{
alert("隐藏");
}
else
{
alert("显示");
}
6.
if( $(this).css("display") == 'none' ){
alert("隐藏");
}
else{
alert("显示");
}


运用:

if ($("ul.apply-con-c2 li.apply-12").is(":hidden"))                  {
$('#beginTime').datetimebox('setValue', alldata.StartTime);
$('#endTime').datetimebox('setValue', alldata.EndTime);
} else {
var beginTime = $('#beginTime').datetimebox('getValue');
beginTime = beginTime.substring(10, 16);
var endTime = $('#endTime').datetimebox('getValue');
endTime = endTime.substring(10, 16);
var beginDate = alldata.StartTime.substring(0, 10);
var endDate = alldata.EndTime.substring(0, 10);
$('#beginTime').datetimebox('setValue', beginDate + beginTime);
$('#endTime').datetimebox('setValue', beginDate + endTime);
}
//end
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息