Beispiel für die Verwendung der on()-Methode in jQuery_jquery

Das Beispiel in diesem Artikel beschreibt die Verwendung der on()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode kann einen oder mehrere Event-Handler an das passende Element binden.
Verwenden Sie die Methode off(), um das durch die Methode on() gebundene Ereignis zu löschen.

Grammatikstruktur 1:

Code kopieren Der Code lautet wie folgt:

$(selector).on(events,[selector] ,[Daten ],fn)

Parameterliste:

Parameter	Beschreibung
Veranstaltungen	Ein oder mehrere durch Leerzeichen getrennte Ereignistypen und optionale Namespaces.
Selektor	Optional. Eine Selektorzeichenfolge, die die ausgewählten Elemente filtert, deren untergeordnete Elemente den Handler aufrufen. Wenn die Auswahl leer ist oder ignoriert wird, wird das Ereignis immer dann ausgelöst, wenn es das ausgewählte Element erreicht.
Daten	Optional. Ein zusätzliches Datenobjekt, das als Wert der Eigenschaft „event.data“ an das Ereignisobjekt zur Verarbeitung durch die Ereignishandlerfunktion übergeben wird.
fn	Funktion, die ausgeführt wird, wenn dieses Ereignis ausgelöst wird. Der Wert false kann auch als Abkürzung für eine Funktion verwendet werden, die false zurückgibt.

Beispielcode:

Beispiel 1:

Code kopieren Der Code lautet wie folgt:

Originalinhalt

Der obige Code bindet ein Klickereignis an das Div. Wenn auf das Div geklickt wird, kann ein neuer Textinhalt für das Div festgelegt werden.

Beispiel 2:

Code kopieren Der Code lautet wie folgt:

Originalinhalt

Der obige Code bindet zwei Ereignisse an das Div. Unabhängig davon, ob Sie auf das Div klicken oder die Maus im Div bewegen, wird ein neuer Textinhalt für das Div festgelegt.

Beispiel 3:

Code kopieren Der Code lautet wie folgt:

Originalinhalt

Der obige Code verwendet den Datenparameter, um Daten an die gebundene Ereignisverarbeitungsfunktion zu übergeben.

Beispiel 4:





Code kopieren

Der Code lautet wie folgt:

 

原来内容

大家好

以上代码通过通过选择器字符串来过滤匹配元素的子元素中哪些可以响应绑定的事件.上面的代码中,类名为kinder的元素和它的子元素可以调用绑定的事件.
语法结构二:

复制代码 代码如下:

$(selector).on(object,[selector],[data ])

Parameterliste:

参数	描述
object	一个用字符串表示的，一个或多个空格分隔的事件类型和可选的命名空间，值表示事件绑定的处理函数。
selector	可选。一个选择器字符串，用以过滤选定的元素，该选择器的后裔元素将调用处理程序。 如果选择是空或被忽略，当它到达选定的元素，事件总是触发。
data	可选。作为event.data属性值传递给事件对象的额外数据对象以供事件处理函数处理。

Beispielcode:

Code kopieren Der Code lautet wie folgt:

Originalinhalt

Im obigen Code sind der Ereignistyp und die Ereignisverarbeitungsfunktion in Form von Objekten gebunden.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.