jQuery 基础教程

jQuery 效果

on()方法为所选元素和子元素附加一个或多个事件处理程序。

这也附加了事件发生时要运行的函数。

要删除事件处理程序，请使用off()方法。

若要附加仅运行一次然后将其自身删除的事件，请使用one()方法。

$selector.on(event, childSelector, data, function)

将点击事件附加到所有<p>元素：

Beispiel

$("p").on("click", function() {
　　$this.css("background-color", "coral");
});

将mouseenter事件附加到所有<p>元素：

Beispiel

$("p").on("mouseenter", function() {
　　$this.css("background-color", "coral");
});

将多个事件处理程序添加到<div>元素：

Beispiel

$("div").on("mouseenter mouseleave click", function() {
　　$this.text(Math.random());
});

将数据传递给函数：

Beispiel

$("document").ready(function(){
　　$("p").on("click", {msg: "你刚刚点了我!!!"}, showMsg)
});
function showMsg(event) {
　　$this.append(event.data.msg);
});

VerwendungchildSelectorDer Parameter fügt den click-Ereignis auf alle <p>-Elemente hinzu:

Beispiel

$("document").ready(function(){
　　$("body").on("click", "p", changeSize);
});

Entfernen Sie das mousemove-Ereignis aus dem <div>-Element:

Beispiel

$("button").click(function(){
　　$("div").off("mousemove");
});

Parameter	Beschreibung
event	Bestimmen Sie ein oder mehrere durch Leerzeichen getrennte Ereignisse oder Namespaces
childSelector	(Optional) Bestimmen Sie, dass der Ereignisbehandler nur auf angegebene Unterlemente (und nicht auf den Selector selbst) angewendet werden soll
data	(Optional) Weitere Daten, die an die Funktion weitergegeben werden sollen, angeben Hinweis:Wenn SieDatenWenn Sie dem on() Methode Parameter liefern, wird dieser Parameter jedes Mal, wenn das Ereignis ausgelöst wird, inevent.dataEigenschaften, die an den Handler weitergegeben werden
function	Funktion, die beim Auslösen des Ereignisses ausgeführt wird