Uncategorized

JavaScript – Como saber se um Elemento está Oculto usando o jQuery

Quando estamos utilizando o jQuery no JavaScript, muitas vezes queremos tomar uma ação baseada no estado de um elemento. Um dos estados bastante utilizados é o de se o elemento está visível ou não. Um elemento é considerado visível quando ele ocupa espaço no documento. Elementos visíveis tem altura ou largura maior do que zero.

Para podermos descobrir se um elemento está oculto, temos basicamente duas ferramentas para utilizar. A primeira que vamos utilizar é a :visible.

JavaScript – usando :visible com o jQuery

O seletor :visible verifica se o elemento está visível dentro do DOM.

Abaixo temos um exemplo utilizando este seletor para determinar uma ação dentro do programa:

Para checar se a div #countires está visível, use a função is() passando o seletor “:visible”:

Loop pelas divs visíveis dentro da div #countries:

O resultado acima será:

EUA

Mexico

JavaScript – usando :hidden no jQuery

O seletor :hidden faz a verificação oposta, se o elemento está oculto dentro da DOM

Com esses dois seletores, é possível verificar o estado do elemento e prosseguir com o código baseado na resposta. Você conhece outras maneiras de fazer esta operação no JavaScript?  Compartilhe seus comentários na seção abaixo!

Caso deseje explorar outras questões, pode conferir nossos vídeos sobre JavaScript. Abaixo estão alguns exemplos:

Você também pode se inscrever em alguns canais que fazem broadcast em JavaScript, como os a seguir:

JavaScript jQuery elemento oculto no jQuery dicas programaçãoObsidianBlk

JavaScript jQuery elemento oculto no jQuery dicas programaçãoTimMikeladze

Outra maneira legal de descobrir mais coisas interessantes sobre JavaScript é acessar nossa página de projetos!

Related posts
Uncategorized

Product Development Update

Uncategorized

Education Ecosystem正在调整价格计划

Uncategorized

想获得更多代币?请加入 LiveEdu 创建者推荐项目吧

Uncategorized

如何从项目中赚到更多——全新的报酬支付体系