Heim > Web-Frontend > js-Tutorial > Hauptteil

JQuery-Methoden und Codebeispiele zum Anzeigen und Ausblenden von DIV_jquery

WBOY
Freigeben: 2016-05-16 16:03:43
Original
1058 Leute haben es durchsucht

1. Wenn es beim Laden ausgeblendet wird:

Code kopieren Der Code lautet wie folgt:






2. Dynamisches Ausblenden und Anzeigen:

Code kopieren Der Code lautet wie folgt:


               
               
                <?php echo $ini_array['time.one']?>    
                <?php echo $ini_array['time.day']?>    
                <?php echo $ini_array['time.week']?>    
                <?php echo $ini_array['time.month']?>    
               

               
               
               
                   

                    1     
                    2     

               
               
03     
                    04     

                                                                                             



Vor dem obigen Code können Sie auch diesen Satz hinzufügen:


Code kopieren Der Code lautet wie folgt:



Die Verwendung von jquery ist sehr praktisch. Wenn Sie beispielsweise die Anzeige und das Ausblenden von Divs steuern möchten, können Sie dies in einem Satz tun.
$("#id").show() bedeutet display:block,

$("#id").hide() bedeutet display:none; $("#id").toggle() schaltet den sichtbaren Zustand des Elements um. Wenn das Element sichtbar ist, schalten Sie es auf „Ausgeblendet“ um. Wenn das Element ausgeblendet ist, schalten Sie es auf „Sichtbar“ um.
$("#id").css('display','none');
$("#id").css('display','block');
oder
$("#id")[0].style.display = 'none';

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage