Heim  >  Artikel  >  Web-Frontend  >  Wie JQuery Ereignisse verarbeitet

Wie JQuery Ereignisse verarbeitet

(*-*)浩
(*-*)浩Original
2019-05-30 10:34:253052Durchsuche

jQuery-Ereignisfunktion Die jQuery-Ereignisbehandlungsmethode ist die Kernfunktion in jQuery.

Ereignishandler beziehen sich auf Methoden, die aufgerufen werden, wenn bestimmte Ereignisse in HTML auftreten. Der Begriff „durch ein Ereignis ausgelöst“ (oder „inspiriert“) wird häufig verwendet.

Wie JQuery Ereignisse verarbeitet

jQuery-Ereignisse

Hier sind einige Beispiele für Ereignismethoden in jQuery:

$(selector).click(function) tr>
Event 函数
绑定函数至
$(document).ready(function)
将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function)
触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function)
触发或将函数绑定到被选元素的双击事件
$(selector).focus(function)
触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function)
触发或将函数绑定到被选元素的鼠标悬停事件
Ereignisfunktion

Binde Funktion an

$(document).ready(function) Binden Sie eine Funktion an das Bereitschaftsereignis des Dokuments (wenn das Dokument vollständig geladen wurde)

Lösen Sie die Funktion aus oder binden Sie sie an den Klick des ausgewählten Elements Ereignis
$(selector).dblclick(function) Eine Funktion auslösen oder an das Doppelklickereignis des ausgewählten Elements binden

$ (selector).focus(function) Eine Funktion auslösen oder an das Fokusereignis des ausgewählten Elements binden

$(selector).mouseover(function)
Eine Funktion auslösen oder an das Mouseover-Ereignis des ausgewählten Elements binden

Beispiel:

Wenn Sie auf die Schaltfläche „Click me“ klicken, wird der Inhalt im

-Tag ausgeblendet.

<html>
<head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
        $("button").click(function(){
        $("p").hide();
        });
        });
    </script>
</head>

<body>
    <h2>This is a heading</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button type="button">Click me</button>
</body>
</html>
FazitDa jQuery speziell für die Verarbeitung von HTML-Ereignissen entwickelt wurde, ist Ihr Code besser geeignet und einfacher zu warten, wenn Sie die folgenden Prinzipien befolgen: Fügen Sie den gesamten jQuery-Code in Ereignishandlern ein.Fügen Sie alle Ereignishandler in dokumentenfertigen Ereignishandlern ein.Fügen Sie den jQuery-Code in einer separaten .js-Datei ein. Benennen Sie die um jQuery-Bibliothek, wenn ein Namenskonflikt besteht

Das obige ist der detaillierte Inhalt vonWie JQuery Ereignisse verarbeitet. 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:Was ist ein jQuery-Plugin?Nächster Artikel:Was ist ein jQuery-Plugin?