判断元素是否显示隐藏的方法

第一种：使用css属性

var display =$('#id').css('display');
if(display == 'none'){
   alert("我是隐藏发生的事件");
}

第二种：使用jQuery内置的选择器

假设页面布局是以下这样：

<div id="test">
    <p>我是用来测试的</p>
</div>

那么，我们可以用以下语句来判断id为"test"的标签是否隐藏：

//前提是已经将jQuery的库导进来了
if($("#test").is(":hidden")){
    //如果隐藏的话，事件的处理函数写在此处
} else{
    //没有隐藏，事件的处理函数
}

可以将获取的元素赋值给一个变量：

比如：

//前提是已经将jQuery的库导进来了
var $node=$("#test");
if($node.is(":hidden")){
    //如果隐藏的话，事件的处理函数写在此处
} else{
    //没有隐藏，事件的处理函数
}