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!

Avatar
About author

I, Dr. Michael J. Garbade is the co-founder of the Education Ecosystem (aka LiveEdu), ex-Amazon, GE, Rebate Networks, Y-combinator. Python, Django, and DevOps Engineer. Serial Entrepreneur. Experienced in raising venture funding. I speak English and German as mother tongues. I have a Masters in Business Administration and Physics, and a Ph.D. in Venture Capital Financing. Currently, I am the Project Lead on the community project -Nationalcoronalvirus Hotline I write subject matter expert technical and business articles in leading blogs like Opensource.com, Dzone.com, Cybrary, Businessinsider, Entrepreneur.com, TechinAsia, Coindesk, and Cointelegraph. I am a frequent speaker and panelist at tech and blockchain conferences around the globe. I serve as a start-up mentor at Axel Springer Accelerator, NY Edtech Accelerator, Seedstars, and Learnlaunch Accelerator. I love hackathons and often serve as a technical judge on hackathon panels.