Heim > Web-Frontend > Front-End-Fragen und Antworten > Warum JQuery verwenden?

Warum JQuery verwenden?

WBOY
Freigeben: 2022-03-29 10:01:01
Original
2082 Leute haben es durchsucht

Da Sie in jquery einen oder mehrere Ereignishandler zum ausgewählten Element und den Unterelementen hinzufügen müssen, müssen Sie die von dieser Methode hinzugefügten Ereignishandler verwenden, die auf aktuelle und zukünftige Elemente anwendbar sind Die Syntax lautet: „Element object.on(event, Event-Handler des untergeordneten Elements, zusätzliche Daten, Funktion)“.

Warum JQuery verwenden?

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Warum die on()-Methode von jquery verwenden, um einen oder mehrere Ereignishandler für das ausgewählte Element und die Unterelemente hinzuzufügen?

Seit jQuery Version 1.7 ist die on()-Methode der neue Ersatz für die bind()-, live()- und delegate()-Methoden. Diese Methode bringt viel Komfort in die API und wird empfohlen, da sie die jQuery-Codebasis vereinfacht.

Hinweis: Mit der on()-Methode hinzugefügte Ereignishandler gelten für aktuelle und zukünftige Elemente (z. B. neue Elemente, die durch Skripte erstellt wurden).

Tipp: Um Event-Handler zu entfernen, verwenden Sie die Methode off().

Tipp: Wenn Sie ein Ereignis hinzufügen müssen, das nur einmal ausgeführt wird, und es dann entfernen müssen, verwenden Sie die Methode one().

Syntax

$(selector).on(event,childSelector,data,function)
Nach dem Login kopieren

    Ereignis erforderlich. Gibt ein oder mehrere Ereignisse oder Namespaces an, die aus dem ausgewählten Element hinzugefügt werden sollen. Mehrere durch Leerzeichen getrennte Ereigniswerte können auch ein Array sein. Muss ein gültiges Ereignis sein.
  • childSelector Optional. Gibt an, dass Ereignishandler nur zu angegebenen untergeordneten Elementen hinzugefügt werden können (und nicht zum Selektor selbst, wie z. B. der veralteten Methode „delegate()“).
  • Daten optional. Gibt zusätzliche Daten an, die an die Funktion übergeben werden sollen.
  • Funktion optional. Gibt eine Funktion an, die ausgeführt werden soll, wenn ein Ereignis auftritt.
  • Das Beispiel lautet wie folgt:

<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").on("click",function(){
    alert("段落被点击了。");
  });
});
</script>
</head>
<body>
<p>点击这个段落。</p>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:


Warum JQuery verwenden?Nach dem Klicken auf den Absatz:

Warum JQuery verwenden? Empfohlene verwandte Video-Tutorials:

jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWarum JQuery verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage