jQuery seleziona elementi nascosti

Question

Se chiamo .hide() su un elemento, sarà possibile jQuery selezionarlo in un normale selettore dom.

Se jQuery seleziona normalmente elementi nascosti, qual è il modo corretto per selezionare solo elementi visibili. Posso usare un selettore CSS, o c'è un modo più valido per farlo?

Answer 1

Sì. La funzione hide memorizza solo il valore corrente della proprietà css di visualizzazione dell'elemento, quindi imposta su none. Quindi i selettori dom non saranno influenzati da esso a meno che non provino ad abbinare gli elementi con un particolare valore di css display.

Verificare che sia here.

Dai uno sguardo allo jQuery hide function documentation.

Answer 2

Sì, conterrà gli elementi nascosti.

Answer 3

Sì, aggiunge solo un display: nessuno stile per l'elemento ... .remove() d'altro canto non verrà visualizzato nei conteggi. Ma questo completamente si sbarazza di esso, e a meno che non si memorizzi il valore da qualche parte non è recuperabile.

Quello che presumo che tu voglia fare è contare gli oggetti visibili. Vorrei invece fare quanto segue:

$('.element').addClass('hide'); 

var count_of_visible_items = $('.element:not(".hide")').length; 
console.log(count_of_visible_items);