Verwendung von fadein und fadeout Methoden in jQuery

Dieser Beispiel zeigt die Verwendung der Methoden fadein und fadeout in jQuery. Hier ist ein Beispiel, das allen zur Verfügung gestellt wird:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style type="text/css">
    *{font-size:12px;}
    div{width:600px;margin:auto;}
    #control{background-color:gold;padding:10px;margin-bottom:10px;}
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(
      $("#btnfadeIn").click(function () {
        $("#message").fadeIn(1000);
      });
      $("#btnfadeOut").click(function () {}}
        $("#message").fadeOut(1000);
      });
    });
  </script>
</head>
<body>
  <div id="control">
    <input id="btnfadeIn" type="button" value="div einblenden"> />
    <input id="btnfadeOut" type="button" value="div ausblenden"> />
  </div>
  <div id="message">
    Unterschied zwischen mouseover und mouseenter: div enthält div. Siehe Anmerkung. Hat mit der Ereignisblase zu tun.<br /> 
    Der mouseover-Ereignis wird ausgelöst, egal ob der Mauszeiger durch das ausgewählte Element oder seine Unterlemente hindurchgeht <br />
    Der mouseenter-Ereignis wird nur ausgelöst, wenn der Mauszeiger durch den ausgewählten Elemente hindurchgeht (durch die Unterlemente nicht)
  </div>
</body>
</html>

Interessierte Leser, die mehr über jQuery erfahren möchten, können die Themen dieser Website lesen: "Zusammenfassung der jQuery-DOM-Operationen", "Zusammenfassung der jQuery-Elementoperationen", "Zusammenfassung der gängigen jQuery-Ereignisnutzungen und -Techniken", "Zusammenfassung der gängigen jQuery-Plugins und -Verwendungen", "Zusammenfassung der jQuery-Verlängerungstechniken", "Zusammenfassung der jQuery-Tabellenoperationen", "Zusammenfassung der gängigen jQuery-Effekte" und "Zusammenfassung der jQuery-Selektorenverwendungen"

Ich hoffe, dass der in diesem Artikel beschriebene Inhalt allen bei der jQuery-Programmierung weiterhilft.

Erklärung: Der Inhalt dieses Artikels wurde aus dem Internet entnommen und gehört dem Urheberrecht des Urhebers. Der Inhalt wurde von Internetbenutzern freiwillig beigesteuert und hochgeladen. Diese Website besitzt keine Eigentumsrechte und hat den Inhalt nicht manuell bearbeitet. Sie übernimmt auch keine Haftung für rechtliche Fragen. Wenn Sie Inhalte mit Urheberrechtsverletzungen finden, freuen wir uns über eine E-Mail an: notice#oldtoolbag.com (Bitte ersetzen Sie # durch @, wenn Sie eine Meldung senden, und fügen Sie relevante Beweise bei. Sobald die Beanstandung bestätigt wird, wird die Website den fraglichen Inhalt sofort löschen.)

Grund教程

Gefällt mir