js判断一个元素是否显示隐藏

有时某个效果需要判断另一个元素是否显示,显示之后才执行,否则不执行;

这样的情况下就需要判断该是否先“显示”或者“隐藏”的状态

js代码如下:

if( document.getElementById(“div”).css(“display”)===’none’)  // 判断是否隐藏 
if( document.getElementById(“div”).css(“display”)===’block’) // 判断是否显示

jquery代码如下:

$(“#div”).is(“:hidden”); // 判断是否隐藏 
$(“#div”).is(“:visible”); 
// 判断是否显示