Heim Web-Frontend js-Tutorial Einführung in den Unterschied zwischen Bindungs- und Live-Bindungsereignissen in Jquery

Einführung in den Unterschied zwischen Bindungs- und Live-Bindungsereignissen in Jquery

Jun 26, 2017 am 09:28 AM
bind jquery live 事件 绑定

Jquery Es gibt drei Möglichkeiten, das -Ereignis zu binden: Nehmen Sie das Klickereignis als Beispiel

(1) target.click (function(){});

(2) target.bind("click",function(){});

(3) target.live("click",function(){});

Die erste Methode ist in der Tat leicht zu verstehen von gewöhnlichem JS, aber mit weniger Nur einem

Die zweite und dritte Methode sind alle Bindungsereignisse, aber sie sind sehr unterschiedlich, denn wenn Sie Jquery verwendenFramework wird häufig verwendet, daher sollten Sie besonders auf den Unterschied zwischen den beiden achten.

[Der Unterschied zwischen Bind und Live]

Die Live-Methode ist eigentlich eine Variante der Bind-Methode. Ihre Grundfunktion ist dieselbe Auf die gleiche Weise wird ein Ereignis an ein Element gebunden, aber die Bindungsmethode kann Ereignisse nur an aktuell vorhandene Elemente binden und ist für neu generierte Elemente, die JS oder andere Methoden verwenden, ungültig Die Nachteile der Bind-Methode können durch diesen Defekt auch an später generierte Elemente gebunden werden. Wie wird diese Funktion der Live-Methode implementiert? Lassen Sie uns unten das Implementierungsprinzip besprechen.

Der Grund, warum die Live-Methode auch entsprechende Ereignisse an die später generierten Elemente binden kann, wird dem „Event-Delegierten “ zugeschrieben Die sogenannte „Ereignisdelegation“ bedeutet, dass an Vorgängerelemente gebundene Ereignisse auf Nachkommenelemente angewendet werden können. Der Verarbeitungsmechanismus der Live-Methode besteht darin, das Ereignis an den Wurzelknoten des DOM-Baums zu binden, anstatt es direkt an ein Element zu binden. Geben Sie ein Beispiel zur Veranschaulichung:

   $(".clickMe").live("click",fn);
             $("body").append("<p class=&#39;clickMe&#39;>测试live方法的步骤</p>");
Nach dem Login kopieren


Wenn wir darauf klicken , um ein hinzuzufügen Element Die folgenden Schritte werden nacheinander ausgeführt:

(1) Ein Klickereignis generieren und es zur Verarbeitung an p übergeben

(2) Da es kein Ereignis gibt, ist es direkt an p gebunden, sodass das Ereignis direkt in den DOM-Baum sprudelt

(3) Das Ereignis sprudelt weiter bis zum Wurzelknoten des DOM-Baums. Standardmäßig ist die Wurzel Das Klickereignis

ist an den Knoten gebunden (4) Führen Sie das durch Live gebundene Klickereignis aus

(5) Erkennen Sie die Bindung. Überprüfen Sie, ob das -Objekt des Ereignisses vorhanden ist, und bestimmen Sie, ob das gebundene Ereignis weiterhin ausgeführt werden muss. Das Erkennen von Ereignisobjekten erfolgt durch Erkennen, ob $(event.target).closest('.clickMe') passende Elemente finden kann.

(6) Nachdem der Test von (5) bestanden wurde und das an das Ereignis gebundene Objekt existiert, wird das gebundene Ereignis ausgeführt.

 

Da die Live-Methode nur dann erkennt, ob das an das Ereignis gebundene Objekt existiert, wenn das Ereignis eintritt, kann die Live-Methode später hinzugefügte Elemente auch implementieren. Die Ereignisbindung kann dies auch umgesetzt werden. Im Gegensatz dazu bestimmt bind, ob das Element, an das das Ereignis gebunden ist, während der Bindungsphase des Ereignisses vorhanden ist, und bindet nur an das aktuelle Element, nicht an den übergeordneten Knoten.

Laut der obigen Analyse sind die Vorteile von Live wirklich groß. Warum sollten wir also die Bindungsmethode verwenden? Der Grund, warum JQuery die Bindungsmethode beibehält, anstatt die Live-Methode zum Ersetzen von Bindung zu verwenden, liegt darin, dass Live in einigen Fällen die Bindung nicht vollständig ersetzen kann.

Die Hauptunterschiede

sind wie folgt: (1) Die Bindemethode kann jedes JavaScript

-Ereignis binden, while live In jQuery 1.3 unterstützt die Methode nur click, dblclick, keydown, keypress,

keyup,Mousedown, Mousemove, Mouseout, Mouseover und Mouseup werden sogar Focus und Blue unterstützt

Ereignis (zugeordnet zu Focusin und Focusout, die besser geeignet sind und Blasen verursachen können). Darüber hinaus wird in jQuery 1.4.1 auch Hover unterstützt (Zuordnung von

zu „mouseenter mouseleave“).

(2) live() unterstützt Elemente, die durch DOM-Traversal gefunden werden, nicht vollständig. Stattdessen sollten Sie die Methode .live()

immer direkt nach einem Selektor verwenden.

(3) Wenn ein Element die Live-Methode zum Binden von Ereignissen verwendet und Sie verhindern möchten, dass das Ereignis übermittelt wird oder sprudelt, müssen Sie in der Funktion false zurückgeben und einfach

Die Verwendung von stopPropagation() kann die Zustellung oder das Sprudeln von Ereignissen nicht verhindern

Das obige ist der detaillierte Inhalt vonEinführung in den Unterschied zwischen Bindungs- und Live-Bindungsereignissen in Jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie binde ich ein Unterkonto auf Xiaohongshu? Wie prüft es, ob das Konto normal ist? Wie binde ich ein Unterkonto auf Xiaohongshu? Wie prüft es, ob das Konto normal ist? Mar 21, 2024 pm 10:11 PM

Im heutigen Zeitalter der Informationsexplosion wird der Aufbau einer persönlichen Marke und eines Unternehmensimages immer wichtiger. Als führende Fashion-Life-Sharing-Plattform in China hat Xiaohongshu die Aufmerksamkeit und Beteiligung vieler Nutzer auf sich gezogen. Für diejenigen Nutzer, die ihren Einfluss erweitern und die Effizienz der Inhaltsverbreitung verbessern möchten, ist die Bindung von Unterkonten ein wirksames Mittel geworden. Wie bindet Xiaohongshu also ein Unterkonto? Wie kann ich überprüfen, ob das Konto normal ist? Dieser Artikel beantwortet diese Fragen ausführlich für Sie. 1. Wie binde ich ein Unterkonto auf Xiaohongshu? 1. Melden Sie sich bei Ihrem Hauptkonto an: Zuerst müssen Sie sich bei Ihrem Xiaohongshu-Hauptkonto anmelden. 2. Öffnen Sie das Einstellungsmenü: Klicken Sie oben rechts auf „Ich“ und wählen Sie dann „Einstellungen“. 3. Geben Sie die Kontoverwaltung ein: Suchen Sie im Einstellungsmenü nach der Option „Kontoverwaltung“ oder „Kontoassistent“ und klicken Sie darauf

BTCC-Tutorial: Wie kann ich die MetaMask-Wallet an der BTCC-Börse binden und verwenden? BTCC-Tutorial: Wie kann ich die MetaMask-Wallet an der BTCC-Börse binden und verwenden? Apr 26, 2024 am 09:40 AM

MetaMask (auf Chinesisch auch Little Fox Wallet genannt) ist eine kostenlose und beliebte Verschlüsselungs-Wallet-Software. Derzeit unterstützt BTCC die Bindung an die MetaMask-Wallet. Nach der Bindung können Sie sich mit der MetaMask-Wallet schnell anmelden, Werte speichern, Münzen kaufen usw. und bei der erstmaligen Bindung einen Testbonus von 20 USDT erhalten. Im BTCCMetaMask-Wallet-Tutorial stellen wir detailliert vor, wie man MetaMask registriert und verwendet und wie man das Little Fox-Wallet in BTCC bindet und verwendet. Was ist die MetaMask-Wallet? Mit über 30 Millionen Nutzern ist MetaMask Little Fox Wallet heute eines der beliebtesten Kryptowährungs-Wallets. Die Nutzung ist kostenlos und kann als Erweiterung im Netzwerk installiert werden

Schritte und Methoden, um Douyin in Toutiao zu binden Schritte und Methoden, um Douyin in Toutiao zu binden Mar 22, 2024 pm 05:56 PM

1. Öffnen Sie Toutiao. 2. Klicken Sie unten rechts auf „Mein“. 3. Klicken Sie auf [Systemeinstellungen]. 4. Klicken Sie auf [Konto- und Datenschutzeinstellungen]. 5. Klicken Sie auf die Schaltfläche auf der rechten Seite von [Douyin], um Douyin zu binden.

Wie binde ich die Cainiao-App an Pinduoduo? Wie füge ich den Cainiao Wrap zur Pinduoduo-Plattform hinzu? Wie binde ich die Cainiao-App an Pinduoduo? Wie füge ich den Cainiao Wrap zur Pinduoduo-Plattform hinzu? Mar 19, 2024 pm 02:30 PM

Die Cainiao-App ist eine Plattform, die Ihnen verschiedene Logistikinformationen liefern kann. Die Funktionen hier sind sehr leistungsstark und einfach zu verwenden. Wenn Sie logistische Probleme haben, können diese auf jeden Fall gelöst werden -Stopp-Service kann alles rechtzeitig lösen, die Expresslieferung abholen, versenden usw. Wir haben mit verschiedenen Plattformen zusammengearbeitet und können manchmal abgefragt werden Es kann vorkommen, dass die auf Pinduoduo gekauften Waren keine Logistikinformationen anzeigen können. Um dies zu erreichen, müssen Sie die spezifischen Methoden unten klären, und jeder kann einen Blick darauf werfen. So binden Sie Cainiao an ein Pinduoduo-Konto: 1. Öffnen Sie die Cainiao-App und gehen Sie zur Hauptseite

Wie verwende ich die PUT-Anfragemethode in jQuery? Wie verwende ich die PUT-Anfragemethode in jQuery? Feb 28, 2024 pm 03:12 PM

Wie verwende ich die PUT-Anfragemethode in jQuery? In jQuery ähnelt die Methode zum Senden einer PUT-Anfrage dem Senden anderer Arten von Anfragen, Sie müssen jedoch auf einige Details und Parametereinstellungen achten. PUT-Anfragen werden normalerweise zum Aktualisieren von Ressourcen verwendet, beispielsweise zum Aktualisieren von Daten in einer Datenbank oder zum Aktualisieren von Dateien auf dem Server. Das Folgende ist ein spezifisches Codebeispiel, das die PUT-Anforderungsmethode in jQuery verwendet. Stellen Sie zunächst sicher, dass Sie die jQuery-Bibliotheksdatei einschließen. Anschließend können Sie eine PUT-Anfrage senden über: $.ajax({u

So binden Sie die Cainiao-APP an Pinduoduo. So binden Sie die Cainiao-APP an Pinduoduo So binden Sie die Cainiao-APP an Pinduoduo. So binden Sie die Cainiao-APP an Pinduoduo Mar 19, 2024 pm 05:16 PM

Wissen Sie, wie Sie Pinduoduo binden, wenn Sie Cainiao Wrap verwenden? Die offizielle Version der Cainiao Wrap-App synchronisiert einige Logistikinformationen von Pinduoduo nicht automatisch auf dieser Plattform. Sie können lediglich die Bestellnummer kopieren oder Ihr Mobiltelefon überprüfen wenn es Expressversandinformationen gibt. Natürlich müssen diese alle manuell ausgefüllt werden. Wenn Sie mehr wissen möchten, schauen Sie sich den Editor an. So binden Sie die Cainiao-APP an Pinduoduo 1. Öffnen Sie die Cainiao-APP und klicken Sie auf „Paketanleitung“ in der oberen linken Ecke der Hauptseite. 2. In der Benutzeroberfläche gibt es viele Shopping-Websites und Konten können gebunden werden. 3. Klicken Sie, um andere E-Commerce-Plattformen zu importieren. 4. Benutzerautorisierung: Klicken Sie auf Pinduoduo, um zur Benutzeroberfläche zu gelangen

Was soll ich tun, wenn meine kleine Blackbox nicht an Steam gebunden werden kann? Was soll ich tun, wenn meine kleine Blackbox nicht an Steam gebunden werden kann? Mar 12, 2024 pm 03:10 PM

Dass die Black Box keine Verbindung zu Steam herstellen kann, kann durch Netzwerk- oder Softwareversionsprobleme verursacht werden. Die kleine Blackbox bietet Informationen, darunter Preise für veröffentlichte und kommende Spiele, Anforderungen und Rezensionen zur Computerkonfiguration sowie eine ausführliche Gameplay-Analyse. Darüber hinaus können Benutzer jederzeit und überall die benötigten Informationen über mobile Geräte finden. Was tun, wenn die kleine Blackbox nicht mit Steam verbunden werden kann? 1. Bestätigen Sie den Netzwerkstatus und stellen Sie sicher, dass das Gerät mit dem Internet verbunden ist. 2. Überprüfen Sie die Little Black Box-Version. Stellen Sie sicher, dass Sie die neueste Version der Little Black Box-Software verwenden, und versuchen Sie, Ihr Steam-Konto zu binden. 3. Um die Steam-Kontoeinstellungen zu überprüfen, melden Sie sich bitte beim Steam-Konto an und prüfen Sie, ob die Funktion zur Bindung von Drittanbietersoftware in den Datenschutzeinstellungen aktiviert ist. 4. Wenden Sie sich an den offiziellen Kundendienst. Wenn das Problem mit den oben genannten Schritten immer noch nicht gelöst werden kann, wird empfohlen, dass Sie sich an den offiziellen Kundendienst wenden, um Hilfe zu erhalten.

So binden Sie die Xiaomi-Auto-App an das Ladesäulengerät So binden Sie die Xiaomi-Auto-App an das Ladesäulengerät Apr 01, 2024 pm 06:52 PM

Das neueste von Xiaomi auf den Markt gebrachte Modellauto Mi su7 hat verschiedene heiße Suchlisten dominiert. Viele Benutzer, die zufällig ein Auto kaufen möchten, haben sich für den Kauf eines Modellautos Xiaomi su7 entschieden Wenn Sie sich dazu entschließen, eine Ladesäule zu Hause zum Aufladen zu verwenden, wird Ihnen dieses Tutorial eine ausführliche Einführung geben. Ich hoffe, es kann Ihnen helfen. Zuerst öffnen wir die mobile Xiaomi-App, klicken auf die Schaltfläche „Mein“ in der unteren rechten Ecke und sehen dann in der Benutzeroberfläche „Mein“ die Option „Heimladestapel“. Klicken Sie nach dem Aufrufen der Seite, die den Ladestapel bindet, auf den Scancode Klicken Sie unten auf die Schaltfläche und scannen Sie den QR-Code auf der Ladesäule. Mit dem QR-Code können Sie die Ladesäule an die App binden.

See all articles