Was sind die häufigsten Bindungsereignisse in JQuery?

Es gibt vier häufig verwendete Bindungsereignisse in jQuery, nämlich: 1. „on()“-Methode, die dem ausgewählten Element und den Unterelementen einen oder mehrere Ereignishandler hinzufügt 2. „bind ( )“-Methode, bindet eine Listening-Funktion eines bestimmten Ereignistyps an das ausgewählte Element; 3. „live()“-Methode, die in Version 1.9 entfernt wurde; 4. „delegate()“-Methode, für das angegebene Element Fügen Sie ein oder hinzu Weitere Event-Handler hinzufügen und die angegebene Funktion ausführen.

Das Betriebssystem für dieses Tutorial: Windows 10-System, jQuery3.6.0-Version, Dell G3-Computer.

Es gibt vier häufig verwendete Bindungsereignisse in jquery:

1 on()-Methode (bevorzugte Methode)#🎜 🎜 #

on()-Methode fügt

einen oder mehrere Ereignishandler für das ausgewählte Element und die Unterelemente hinzu.

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.

Parameter:

event: Erforderlich. Gibt ein oder mehrere Ereignisse oder Namespaces an, die aus den ausgewählten Elementen entfernt werden sollen. Mehrere durch Leerzeichen getrennte Ereigniswerte. Muss ein gültiges Ereignis sein.

data: 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()“).

Funktion: Optional. Gibt eine Funktion an, die ausgeführt werden soll, wenn ein Ereignis auftritt.

map: Gibt die Ereigniszuordnung an ({event:function, event:function, ...}), die hinzuzufügende Elemente enthält auf ein oder mehrere Ereignisse und eine Funktion, die ausgeführt werden soll, wenn das Ereignis auftritt.

Syntax: $(

selector).on(event,childSelector,data,function,map)#🎜🎜 #Beispiel: Fügen Sie dem p-Element ein Click-Ereignis hinzu. bind Die Funktion von () besteht darin, eine Listening-Funktion eines bestimmten Ereignistyps an das ausgewählte Element zu binden. Erforderlich. Ereignistyp, wie z. B. Klicken, Ändern, Mouseover usw.;

data:

optional. Die an die Listening-Funktion übergebenen Parameter werden über event.data abgerufen. Optional;

Funktion: Erforderlich. Gibt die Funktion (Abhörfunktion) an, die ausgeführt werden soll, wenn ein Ereignis auftritt, und das Ereignisobjekt kann übergeben werden. Das Ereignis hier ist das von jQuery gekapselte Ereignisobjekt, das sich vom nativen Ereignisobjekt unterscheidet. Sie müssen darauf achten, wann es benutzen.

map

:

Gibt die Ereigniszuordnung an ({event:function, event:function, ...})#🎜 🎜#, enthält ein oder mehrere Ereignisse, die dem Element hinzugefügt werden sollen, und eine Funktion, die ausgeführt wird, wenn das Ereignis eintritt

Syntax: $(

selector).bind(# 🎜 🎜#event,data,function,map)

Beispiel: Fügen Sie ein Klickereignis zu

$("p").on("click",function(){

    alert("The paragraph was clicked.");

});

#🎜🎜 hinzu #

3. live()-Methode live(), wurde in Version 1.9 entfernt. Bitte verwenden Sie stattdessen die Methode on(). Fügt einen oder mehrere Event-Handler zu den aktuellen oder zukünftigen ausgewählten Elementen hinzu. (Hier noch zusammengefasst)

Parameter:

#🎜 🎜 #event

: Erforderlich. Gibt ein oder mehrere Ereignisse an, die dem Element hinzugefügt werden sollen. Mehrere durch Leerzeichen getrennte Ereigniswerte. Muss ein gültiges Ereignis sein.

Daten: Optional. Zusätzliche Parameter, die an die Funktion übergeben werden

Funktion: Erforderlich. Wenn ein Ereignis auftritt, wird die Funktion, die ausgeführt wird,

)

Beispiel: Wenn auf die Schaltfläche geklickt wird, wird das

-Element ausgeblendet oder angezeigt: #🎜 🎜#

$("p").bind("click",function(){

    alert("单击p元素");

});

四、delegate()方法

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。

参数：

childSelector：必需。规定要添加事件处理程序的一个或多个子元素。

event：必需。规定添加到元素的一个或多个事件。由空格分隔多个事件值。必须是有效的事件。

data:可选。传递到该函数的额外参数

function:必需。当事件发生时，运行的函数

语法：$(selector).delegate(childSelector,event,data,function)

举例：当单击

元素内部的

元素时，改变所有

元素的背景颜色：

$("div").delegate("p","click",function(){

    $("p").css("background-color","pink");

});

Das obige ist der detaillierte Inhalt vonWas sind die häufigsten Bindungsereignisse in JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery 命名空间 封装 Delegate Event map function 对象 事件 选择器

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