Js - 判斷元素是否隱藏、顯示

判斷元素是否隱藏、顯示的方法，需要的朋友可以參考下 ：

1、通過判斷元素display屬性狀態值來實現

console.log($('div').css("display"));       // inline
if($('div').css("display") != 'none') {
　　console.log('aaaaa');       // aaaaa
　　$('div').hide();        
　　console.log($('div').css("display"));       // none
　　$('div').show();
　　console.log($('div').css("display"));       // inline
}

提示：一般對display屬性值得判斷，只判斷是否為'none'即可；因為元素分為 塊級、行內元素，且顯示元素的display屬性值有多種不確定性。

 

2、使用Jquery提供的基本選擇器 :visible 或 :hidden方法（匹配元素的可見性）來實現

if($('div').is(':visible') == true) { // 隱藏 }

if($('div').is(':visible')) { }

if($('div').is(':hidden') == true) { // 顯示 }

if($('div').is(':hidden')) { }

 

水平有限，文中錯誤不妥在所難免，歡迎批評指正建議評論。文章將不定期修改完善斧正。謝謝！