jQuery 中 is() 函數常見用法

根據選擇器、DOM元素或 jQuery 對象來檢測匹配元素集合,如果其中至少有一個元素符合這個給定的表達式就返回true。

如果沒有元素符合,或者表達式無效,都返回'false'。 '''注意:'''在jQuery 1.3中才對所有表達式提供了支持。在先前版本中,如果提供了複雜的表達式,比如層級選擇器(比如 + , ~ 和 > ),始終會返回true

實例:

    $(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();//顯示   
             }   
         });   
    });  

answer.is(':visible')是指可見的answer元素.
如果可見就調用answer.slideUp();使之隱藏.
else則是不可見的元素 調用answer.slideDown();使之顯示.
類似的寫法還有answer.is(':first')answer.is(':last')之類的,類似於css的僞類a:hover

發佈了69 篇原創文章 · 獲贊 7 · 訪問量 16萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章