1. 程式人生 > >jQuery判斷元素是否顯示 是否隱藏

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!