suchen

Heim  >  Artikel  >  Web-Frontend  >  jQuery bindet einfach eine einzelne Ereignisinstanz zur Freigabe

jQuery bindet einfach eine einzelne Ereignisinstanz zur Freigabe

小云云
小云云Original
2018-01-10 09:38:321831Durchsuche

In diesem Artikel wird hauptsächlich die Methode von jQuery zum einfachen Binden eines einzelnen Ereignisses vorgestellt. Er analysiert die zugehörigen Betriebsfähigkeiten von jQuery für die Ereignisbindung und Ereignisantwort anhand spezifischer Beispiele. Ich hoffe, es kann allen helfen.

Das Beispiel in diesem Artikel beschreibt, wie jQuery einfach ein einzelnes Ereignis bindet. Teilen Sie es als Referenz mit allen. Die Einzelheiten lauten wie folgt: 


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>绑定单个事件</title>
  <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
  <script language="JavaScript">
    $(document).ready(function () {
      $("input[name=event_1]").bind({
        mouseover:function () {
          $("ul").css("display","none");
        },
        mouseout:function () {
          $("ul").css("display","block");
        }
      });
    });
  </script>
</head>
<body>
<h1>壹基金</h1>
<h2>简介</h2>
<p>2007年，李连杰先生创立启动了壹基金。深圳壹基金公益基金会2010年12月3日再深圳注册成立，是中国第一家民间公募基金会。</p>
<h2>战略及策略</h2>
<p>壹基金的公益愿景为"尽我所能，人人公益"。壹基金战略模式为"一个平台+三个领域"，即搭建专业透明的壹基金公益平台。</p>
<h2>公益活动</h2>
<ul>
  <li>为爱同行</li>
  <li>关注自闭儿童</li>
  <li>雅安地震救援</li>
</ul>
<input name="event_1" type="button" value="绑定单个事件" />
</body>
</html>

Haben Sie es gelernt? Beeilen Sie sich und probieren Sie es aus.

Verwandte Empfehlungen:

Detaillierte Erläuterung des Prozesses vom Erlernen von Bind bis zur Implementierung von Bind in Javascript

.bind(), .live in Jquery (), .delegate() und .on() teilen Beispiele

Detaillierte Erklärung der bind()-Funktion in jQuery

Das obige ist der detaillierte Inhalt vonjQuery bindet einfach eine einzelne Ereignisinstanz zur Freigabe. 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
Vorheriger Artikel：Ausführliche Erläuterung der zusammengesetzten jQuery-EreignisseNächster Artikel：Ausführliche Erläuterung der zusammengesetzten jQuery-Ereignisse

In Verbindung stehende Artikel

Mehr sehen