Verwandte Wissenspunkte zu jQuery-Ereignissen-js-Tutorial-php.cn

Verwandte Wissenspunkte zu jQuery-Ereignissen

jacklove

Freigeben： 2018-05-08 11:39:30

Original

1367 Leute haben es durchsucht

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

Nach dem Login kopieren

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

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

Nach dem Login kopieren

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

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!