這篇文章給大家分享的是有關jquery如何判斷元素是否隱藏起來的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

為東坡等地區用戶提供了全套網頁設計制作服務，及東坡網站建設行業解決方案。主營業務為成都做網站、成都網站建設、東坡網站設計，以傳統方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

jquery判斷元素是否隱藏的方法：1、使用CSS屬性，代碼為【var display =$('#id').css('display');】；2、使用jquery內置選擇器，代碼為【if($("#test").is(":hidden")】。

jquery判斷元素是否隱藏的方法：

1：使用CSS屬性

代碼如下:

var display =$('#id').css('display');
if(display == 'none'){
   alert("被你發現了，我是隱藏的啦！");
}

2：使用jquery內置選擇器

假設我們頁面有這么個標簽,

代碼如下:

<div id="test">
<p>僅僅是測試所用</p>
</div>

那么,我們可以用以下語句來判斷id為"test"的標簽是否隱藏:

代碼如下:

if($("#test").is(":hidden")){...} //前提是已經將jQuery的庫導進來了

這樣,我們就能夠很簡單地判斷一個元素是否隱藏,并根據其狀態來設置動畫,比如:

代碼如下:

if($("#test").is(":hidden")){
       $("#test").show();    //如果元素為隱藏,則將它顯現
}else{
      $("#test").hide();     //如果元素為顯現,則將其隱藏
}

3：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();
}

感謝各位的閱讀！關于“jquery如何判斷元素是否隱藏起來”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

新聞標題：jquery如何判斷元素是否隱藏起來
網頁路徑：http://vcdvsql.cn/article48/phopep.html

成都網站建設公司_創新互聯，為您提供網站策劃、品牌網站設計、自適應網站、ChatGPT、響應式網站、企業網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯