Comment cacher et afficher des éléments HTML en utilisant JQuery?

Question

Comment cacher et afficher des éléments HTML en utilisant JQuery sans effets spéciaux?

Answer 1

En utilisant les hide() et show() méthodes:

$("selector").hide(); 
$("selector").show(); 

Où "sélecteur" est tout ce qui est approprié. Comme:

<script type="text/javascript"> 
$(function() { 
    $("#mybutton").click(function() { 
    $("#mydiv").toggle(); 
    }); 
}); 
</script> 
<div id="mydiv"> 
This is some text 
</div> 
<input type="button" id="mybutton" value="Toggle Div"> 

La méthode toggle() appelle simplement show() si caché ou hide() si ses pas.

Answer 2

$('#someElement').show(); //an element with id of someElement 

$('.someElement').hide(); //hide elements with class of someElement 

$('a').hide(); //hide all anchor elements on the page 

Voir:

http://docs.jquery.com/Effects/show

et

http://docs.jquery.com/Effects/hide

Aussi, serait une bonne idée de lire sur Selectors:

http://docs.jquery.com/Selectors

Answer 3

élément Masquer:

$('#myElement').hide(); 

Afficher élément:

$('#myElement').show(); 

Answer 4

Cacher: http://docs.jquery.com/Hide

Afficher: http://docs.jquery.com/Show

Answer 5

affichage Basculement:

$('selector').toggle(); 

Afficher:

$('selector').show(); 

Cacher:

$('selector').hide(); 

Answer 6

$ ("sélecteur") bascule() commute l'élément DOM sélectionné (s) entre caché et montré. . $ ("selector"). Hide() masque le (s) élément (s) DOM sélectionné (s). $ ("selector"). Show() affiche le (s) élément (s) DOM sélectionné (s).

Honnêtement, je pense que vous auriez pu résoudre ce problème sans avoir à consulter stackoverflow. Les docs de jquery sont assez clairs imo!

voir the jQuery online documentation pour afficher, masquer et basculer.