Heim  >  Artikel  >  Web-Frontend  >  Teilen Sie ein JQuery-Lernbeispiel

Teilen Sie ein JQuery-Lernbeispiel

零下一度
零下一度Original
2017-06-26 11:24:491127Durchsuche

Der Unterschied zwischen der window.onload()-Methode in JS und $(document).read(function( ){ }) in Jquery:

  1. Der Ladezeitpunkt ist anders. In ähnlicher Weise muss window.onload() warten, bis alle Dateien geladen sind (JS-, CSS-Dateien und Bildressourcen), während die Jquery-Methode nur darauf warten muss, dass der DOM-Baum gebildet wird

  2. $(document).read(function( ){ }) kann als $(function( ) { }) ;
  3. $(document).read abgekürzt werden (function( ){ }) Es können mehrere Funktionen gebunden werden, aber window.onload() hat nur dieses eine Ereignis

Zwei Synthetische Ereignisse in Jquery: Hover Und das Toggle-Ereignis, das Toggle-Ereignis kann eine beliebige Anzahl von Funktionen platzieren, und die Funktion wird über die Klickschleife aufgerufen. Wenn Toggle als Funktion aufgerufen wird, bedeutet dies das Anzeigen und Ausblenden des Elementknotens.

Es gibt auch einen slideToggle(), der slideUp() und solidDown() integriert,

Drei Animationen in Jquery:

    show() / hide()
  1. fadeIn() / fadeOut()
  2. slideUP() / slideDown()

Animationsverpackungsmethode: animate() ,

Das obige ist der detaillierte Inhalt vonTeilen Sie ein JQuery-Lernbeispiel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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