jQuery判断元素是否显示 是否隐藏

var node=$('#id');

第一种写法

if(node.is(':hidden')){　　//如果node是隐藏的则显示node元素，否则隐藏

　　node.show();　

}else{

　　node.hide();

}

第二种写法

if(!node.is(':visible')){　　//如果node是隐藏的则显示node元素，否则隐藏

　　node.show();　

}else{

　　node.hide();

}

if(node.is(':visible')){　　//如果node是显示的则隐藏node元素，否则显示

　　node.hide();

}else{

　　node.show();

}

显示效果如下：

如果不想使用这种方法  也不想判断 可以直接使用权重方法

代码如下：

.selected span{
    border: 3px solid yellow;
    display: block!important;
}

display：block！important！