您好,登錄后才能下訂單哦!
本篇內容介紹了“jquery如何判斷某個元素是否顯示”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
在jquery中,可用“:visible”選擇器和is()方法來判斷某個元素是否顯示,語法為“元素對象.is(':visible')”,可以查看指定元素是否匹配“:visible”選擇器,即是否為可見元素;如果元素是顯示的,則返回true。
本教程操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
在jquery中,可用“:visible”選擇器和is()方法來判斷某個元素是否顯示
is() 方法用于查看選擇的元素是否匹配選擇器。
:visible 選擇器選取當前可見的每個元素。
除以下幾種情況之外的元素即是可見元素:
設置為 display:none
帶有 type="hidden" 的表單元素
width 和 height 設置為 0
隱藏的父元素(這也會隱藏子元素)
判斷某個元素是否顯示的語法:
元素對象.is(':visible')
表示查看指定元素是否匹配“:visible”選擇器,即是否為可見元素
示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function () { $("button").click(function () { var node=$('span'); if(node.is(':visible')){ alert("顯示元素"); }else{ alert("隱藏元素,將它顯示出來"); node.show(); } }) }) </script> </head> <body> <div>這是一段可見的div內容。</div> <span hidden="hidden">這是一個被隱藏的內容,現在顯示出來了。</span> <p>這是一段可見的內容。</p> <button>判斷span元素是否顯示</button> </body> </html>
“jquery如何判斷某個元素是否顯示”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。