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!

About author

About Author Dr. Michael Jurgen Garbade is the founder of LiveEdu.TV, Kyuda, Education Ecosystem. He is future Venture Capitalist, Future Politician and always on the lookout for the Next Big Challenge. Obtained Masters in business administration and physics, and a Ph.D. in finance with professional work experience in high-paced environments at Fortune 500 companies like Amazon and General Electric. Expertize: Python, PHP, Sencha Touch & C++, SEO, Finance, Strategy & E-commerce. He speaks English and German and has worked in the US, Europe, and Asia. At Education Ecosystem he is the CEO and runs business operations.
Related posts
Uncategorized

Quarterly LEDU Distribution to Viewers: 250,000 LEDU for Q3-2019

Uncategorized

Quarterly LEDU Payout Session 3

Uncategorized

Product Development Update

Uncategorized

Education Ecosystem正在调整价格计划