suchen

Heim >Web-Frontend >js-Tutorial >Verwandte Wissenspunkte zu jQuery-Ereignissen

Verwandte Wissenspunkte zu jQuery-Ereignissen

jacklove
jackloveOriginal
2018-05-08 11:39:301398Durchsuche

jQuery wurde speziell für die Ereignisverarbeitung entwickelt, die in js besonders wichtig ist. Daher erfahren Sie in diesem Artikel mehr über jQuery-Ereignisse.

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.

Fügen Sie den jQuery-Code normalerweise in die Ereignisbehandlungsmethode im Abschnitt 93f0f5c25f18dab9d176bd4f6de5d30e ein:

Beispiel

<html>
<head>
<script type="text/javascript" src="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>Click me</button>
</body>
</html>

Probieren Sie es selbst aus

oben Im Wenn beispielsweise das Klickereignis der -Schaltfläche ausgelöst wird, wird eine Funktion aufgerufen:

$("button").click(function() {..some code... } )

Diese Methode verbirgt alle e388a4556c0f65e1904146cc1a846bee-Elemente:

$("p").hide();

in einem separaten Dateifunktionen

Wenn Ihre Website viele Seiten enthält und Sie möchten, dass Ihre jQuery-Funktionen einfach zu warten sind, legen Sie Ihre jQuery-Funktionen in separaten .js-Dateien ab.

Wenn wir jQuery im Tutorial demonstrieren, fügen wir die Funktion direkt in den Abschnitt 93f0f5c25f18dab9d176bd4f6de5d30e ein. Es wäre jedoch besser, sie in einer separaten Datei abzulegen, etwa so (mit Verweis auf die Datei über das src-Attribut):

Instance

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>

jQuery Name Conflict

jQuery verwendet das $-Symbol als Einführungsmethode von jQuery.

Einige Funktionen in anderen JavaScript-Bibliotheken (z. B. Prototype) verwenden ebenfalls das $-Symbol.

jQuery verwendet eine Methode namens noConflict(), um dieses Problem zu lösen.

var jq=jQuery.noConflict() hilft Ihnen, Ihren eigenen Namen (z. B. jq) anstelle des $-Zeichens zu verwenden.

Fazit

Da 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:

Put Platzieren Sie alle jQuery Code in Event-Handlern

Platzieren Sie alle Event-Handler in dokumentenfertigen Event-Handlern

Platzieren Sie jQuery-Code in separaten .js-Dateien

Wenn ein Namenskonflikt besteht, benennen Sie die jQuery-Bibliothek um

Dieser Artikel bietet ein relevantes Verständnis von JQuery-Ereignissen. Weitere Lernmaterialien finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

SQL Server – RDBMS-bezogenes Wissen

Verwandte Wissenspunkte zu SQL-NULL-Werten

Erläuterung der Kenntnisse im Zusammenhang mit der SQL-Datumsfunktion

Das obige ist der detaillierte Inhalt vonVerwandte Wissenspunkte zu jQuery-Ereignissen. 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：Detaillierte Erläuterung der ElTableColumn-ErweiterungsmethodeNächster Artikel：Detaillierte Erläuterung der ElTableColumn-Erweiterungsmethode

In Verbindung stehende Artikel

Mehr sehen