js判断元素是否隐藏、显示
2017-08-11 11:14
477 查看
js判断元素是否隐藏、显示的几种方法:
第一种:使用CSS属性
第二种:使用jquery内置选择器
运用:
第一种:使用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
相关文章推荐
- jQuery判断元素是否显示与隐藏
- js判断元素是否隐藏的方法
- Atitit.判断元素是否显示隐藏在父元素 overflow
- jQuery中判断一个元素是否显示或者隐藏
- jQuery判断元素是否显示 是否隐藏
- js判断元素是否隐藏的方法
- js 判断dom 元素是否显示在屏幕中
- js判断元素是否隐藏的方法
- 关于jquery和zepto.js判断元素的可见性并显示或隐藏总结
- 怎样判断DOM 元素是否显示与隐藏
- jQuery判断元素是否显示 是否隐藏
- jQuery判断元素是否显示 是否隐藏
- jQuery判断元素是否显示 是否隐藏的简单实现代码
- js判断元素是否隐藏的几种方法
- jQuery判断元素是否显示 是否隐藏的简单实现代码
- jQuery判断元素是否显示或隐藏
- jQuery判断元素是否显示 是否隐藏
- js判断元素是否隐藏的方法
- jQuery判断元素是否显示与隐藏
- Atitit.判断元素是否显示隐藏在父元素 overflow