1. 程式人生 > >jQuery 中 is() 函數常見使用方法

jQuery 中 is() 函數常見使用方法

true ble dom article item 使用 -c post 全部

依據選擇器、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

jQuery 中 is() 函數常見使用方法