Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie das jQuery-Delegate()-Ereignis

黄舟
Freigeben: 2017-06-26 09:55:21
Original
1167 Leute haben es durchsucht

Die Methode

delegate() fügt dem angegebenen Element (einem untergeordneten Element des ausgewählten Elements) einen oder mehrere Ereignishandler hinzu und gibt die Funktion

Delegate-Definition und -Verwendung
Die Methode delegate() fügt dem angegebenen Element (das zu den untergeordneten Elementen des ausgewählten Elements gehört) einen oder mehrere Ereignishandler hinzu und gibt an, wann diese Ereignisse auftreten sollen laufen.

Ereignishandler, die die Methode „delegate()“ verwenden, gelten für aktuelle oder zukünftige Elemente (z. B. neue Elemente, die durch Skripte erstellt wurden).


Parameter Beschreibung th>
childSelector Erforderlich. Gibt ein oder mehrere untergeordnete Elemente an, an die Ereignishandler angehängt werden.
Ereignis Erforderlich. Gibt ein oder mehrere Ereignisse an, die dem Element zugeordnet werden sollen.
参数 描述
childSelector 必需。规定要附加事件处理程序的一个或多个子元素。
event

必需。规定附加到元素的一个或多个事件。

由空格分隔多个事件值。必须是有效的事件。

data 可选。规定传递到函数的额外数据。
function 必需。规定当事件发生时运行的函数。

Mehrere Ereigniswerte durch Leerzeichen getrennt. Muss ein gültiges Ereignis sein.

Daten Optional. Gibt zusätzliche Daten an, die an die Funktion übergeben werden sollen.
Funktion Erforderlich. Gibt eine Funktion an, die ausgeführt werden soll, wenn ein Ereignis auftritt.


Syntax
$(selector).delegate(childSelector,event,data,function)
Nach dem Login kopieren

Rückgabewert:
jQuery
delegate( selector,[type],[data],fn)

Übersicht

Fügen Sie einen oder mehrere Event-Handler zum angegebenen Element (einem untergeordneten Element des ausgewählten Elements) hinzu und geben Sie an, wann diese Funktion ausgeführt werden soll wird ausgeführt, wenn das Ereignis eintritt.

Parameterselector,[type],fnString,String,Function V1.4.2 selector: selectorString, verwendet für
filter
Das Element, das hat das Ereignis ausgelöst.

Typ: Ein oder mehrere Ereignisse, die dem Element zugeordnet sind. Mehrere durch Leerzeichen getrennte Ereigniswerte. Muss ein gültiges Ereignis sein.

fn: Funktion, die ausgeführt wird, wenn das Ereignis auftritt
selector,[type],[data],fnString,String,Object,Function V1.4.2
selector: Selektorzeichenfolge für das Element, auf dem Der Filter löst das Ereignis aus.

Typ: Ein oder mehrere Ereignisse, die dem Element zugeordnet sind. Mehrere durch Leerzeichen getrennte Ereigniswerte. Muss ein gültiges Ereignis sein.

Daten: zusätzliche Daten, die an die Funktion übergeben werden

fn: Funktion, die ausgeführt wird, wenn ein Ereignis auftritt

Selektor, EreignisseString, String V1.4.3
Selektor: Selektor-String für das Element, für das der Filter das Ereignis ausgelöst hat.

Ereignisse: Eine Datenzuordnung von Zeichenfolgen und Funktionen eines oder mehrerer Ereignistypen, um diese auszuführen.

Beispiel
Beschreibung:
Das p-Element ausblenden oder anzeigen, wenn mit der Maus geklickt wird:

<p style="background-color:red"> 
<p>这是一个段落。</p> 
<button>请点击这里</button> 
</p>
Nach dem Login kopieren
HTML-Code:

$("p").delegate("button","click",function(){ 
$("p").slideToggle(); 
});
Nach dem Login kopieren
jQuery-Code:



Beschreibung: Die Delegate-Methode kann als Alternative zur live()-Methode verwendet werden, sodass jedes Ereignis an ein bestimmtes DOM-Element gebunden werden kann.
$("table").delegate("td", "hover", function(){ $(this).toggleClass("hover"); 
});$("table").each(function(){ $("td", this).live("hover", function(){ $(this).toggleClass("hover"); }); 
});
Nach dem Login kopieren
Die folgenden zwei Codeteile sind äquivalent:


Das obige ist der detaillierte Inhalt vonSo verwenden Sie das jQuery-Delegate()-Ereignis. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage