Teilen des Quellcodes der jQuery-Video-Tutorial-Kursunterlagen

„jQuery-Video-Tutorial“ Freunde, die Front-End lernen, sind mit jQuery vertraut. Es handelt sich um eine einfache JavaScript-Bibliothek, mit der sich schnell interaktive Animationen entwickeln lassen. Durch das Studium dieses Kurses können wir mit weniger Code mehr Dinge erreichen. Beginnen wir gemeinsam mit dem Lernen!

Adresse für die Kurswiedergabe: //m.sbmmt.com/course/205.html

Der Unterrichtsstil des Lehrers:

Die Vorträge sind freundlich und natürlich, unprätentiös, nicht anmaßend oder absichtlich übertrieben, sondern sprechen eloquent und sorgfältig zwischen Lehrern und Schülern. In einer Atmosphäre der Gleichberechtigung, Zusammenarbeit und Harmonie, stiller emotionaler Austausch werden durchgeführt und der Wunsch und die Erforschung von Wissen werden in einfache und reale Unterrichtssituationen integriert. Die Schüler erlangen Wissen durch stilles Denken und stille Zustimmung.

Der schwierigere Punkt In diesem Video ist der jQuery-Vorfall:

Einführung

Der Grund, warum jQuery zur beliebtesten Front-End-Bibliothek geworden ist, liegt größtenteils an Ereignissen, die davon profitieren und über eine gute Semantik verfügen. ausgezeichnete Kompatibilität und sind einfach zu verwalten und zu erweitern.

Hier werde ich einige grundlegende Verwendungsmöglichkeiten von JQuery-Ereignissen vorstellen.

Implementierungsprinzip

jquery-Ereignisse werden von den Methoden addEventListener (W3) und attachmentEvent (IE) des Browsers abgeleitet und stellen eine konsistente API für alle Browser bereit. Spezifische Implementierungsprinzipien finden Sie in Aarons Artikelserie
jQuery Source Code Analysis-Events.

Ereignisoperation

Bindungsereignis

Es gibt viele Möglichkeiten, die Ereignisbindung in jquery zu implementieren, unter anderem unterstützt die $(selector).event(func)-Methode event eine Reihe von Browserereignisse, Dokumentladeereignisse, Formularereignisse, Tastaturereignisse und Mausereignisse, aber nicht alle.

// 常用的写法$('body').click(function(){ })
$('body').on('click',function(){ })
$('body').one('click',function(){ }) // 只会执行一次，然后销毁事件
// 其他写法(不推荐)
$('body').bind('click',function(){ })
$('body').delegate('p','click',function(){ })

Hier empfehlen wir auch den Download von Quellcode-Ressourcen: //m.sbmmt.com/xiazai/learn/2112

Die Ressourcen sind in angegeben Alle haben Video-Kursunterlagen, ppt und Quellcode geteilt

Das obige ist der detaillierte Inhalt vonTeilen des Quellcodes der jQuery-Video-Tutorial-Kursunterlagen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!