JQuery 中 is(':visible') 解析及用法


實例

選擇 <body> 元素中每個可見的元素:

$("body :visible")

親自試一試

定義和用法

:visible 選擇器選取每個當前是可見的元素。

除以下幾種情況之外的元素即是可見元素:

  • 設置為 display:none
  • type="hidden" 的表單元素
  • Width 和 height 設置為 0
  • 隱藏的父元素(同時隱藏所有子元素)

語法

$(":visible")
$(document).ready(function() {   
        $('#faq').find('dd').hide().end().find('dt').click(function() {//end()為結束前面處理函數,返回到最初的元素   
        //解釋:用end()結束find(dd)的hide(),並將find(dt)作用到最初的#fap上   
         var answer = $(this).next();//next()為此元素的下一個元素,可以再加上.next()表示下下一個元素,以此類推   
         if (answer.is(':visible')) {//如果ANSWER 為可見,:visible是可見的意思,相關用法還有:hidden(隱藏),:first(第一個),:last(最后一個)   
             answer.slideUp();//隱藏   
         } else {   
             answer.slideDown();//顯示   
         }   
     });   
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM