Verwendungssbeispiel der Methoden show und hide in jQuery

Dieser Beispiel analysiert die Verwendung der Methoden show und hide in jQuery. Hier ist eine Zusammenfassung:

!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;}
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $("#btnDisplay").click(function () {
        $("#message").show(3000);
      });
      $("#btnHide").click(function () {}}
        $("#message").hide(3000);
      });
    });
  </script>
</head>
<body>
  <div id="control">
    <input id="btnDisplay" type="button" value="div anzeigen"> />
    <input id="btnHide" type="button" value="div ausblenden"> />
  </div>
  <div id="message">
    Unterschied zwischen mouseover und mouseenter: div inside div. Siehe Anmerkung. Hat mit der Ereignisblase zu tun.<br /> 
    Das 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 das ausgewählte Element hindurchgeht (durch die Unterlemente nicht).
  </div>
</body>
</html>

Interessierte Leser, die mehr über jQuery erfahren möchten, können die Themen auf dieser Website besuchen: 'jQuery-Fenster-Bediener-Techniken zusammengefasst', 'jQuery-Ziehe-und-Lasse-Effekte und -Techniken zusammengefasst', 'jQuery-Standard-Plugins und -Verwendungen zusammengefasst', 'jQuery-Ajax-Verwendung zusammengefasst', 'jQuery-Tabellen(Tabelle)-Bediener-Techniken zusammengefasst', 'jQuery-Verlängerungs-Techniken zusammengefasst', 'jQuery-Standard-Effekte zusammengefasst', 'jQuery-Animationen und -Effekte zusammengefasst' und 'jQuery-Selektoren-Verwendung zusammengefasst'.

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

Erklärung: Der Inhalt dieses Artikels wurde aus dem Internet übernommen und gehört dem Urheberrecht des jeweiligen Autors. Der Inhalt wurde von Internetnutzern freiwillig beigesteuert und hochgeladen. Diese Website besitzt keine Eigentumsrechte und hat den Inhalt nicht manuell bearbeitet. Sie übernimmt auch keine Haftung für rechtliche Probleme. Wenn Sie verdächtige urheberrechtliche Inhalte finden, sind Sie herzlich eingeladen, eine E-Mail an notice#w zu senden.3codebox.com (Bitte ersetzen Sie # durch @, wenn Sie eine Meldung senden, und geben Sie relevante Beweise an. Sobald die Informationen überprüft wurden, wird die Website den涉嫌侵权的内容立即删除。)

Grund教程

Empfohlene Artikel