jQuery提供了一種非常方便的方法來查找和操作DOM元素——通過選擇器選擇它們。但是,選擇元素并不總是是最終目的,還需要檢查它們是否顯示。
通過使用jQuery的is()方法,可以檢查元素是否顯示。該方法接受一個選擇器作為參數(shù),返回一個布爾值。如果元素是可見的,它將返回true,如果元素是隱藏的或沒有寬度或高度,它將返回false。
if ($('#myElement').is(':visible')) { console.log('My element is visible!'); } else { console.log('My element is hidden!'); }
此外,可以使用 jQuery 的:hidden和:visible選擇器來選擇所有隱藏或可見元素。
if ($(':visible').length >0) { console.log('There are visible elements on the page!'); } if ($(':hidden').length >0) { console.log('There are hidden elements on the page!'); }
總之,在使用jQuery操作DOM元素時,判斷它們是否可見是一個非常普遍的需求。 jQuery的is()方法以及:visible和:hidden選擇器是檢查元素是否可見的強大工具。