Corso di base di jQuery

Effetti di jQuery

Metodi di operazione di jQuery

jQuery traversal

jQuery Ajax

jQuery utility

jQuery事件

jQueryHTML/CSS方法 jQuery效果方法

Metodo on() di jQuery

jQuery效果方法

Il metodo on() aggiunge uno o più gestori di eventi agli elementi selezionati e ai loro sottoelementi.

Questo aggiunge anche la funzione da eseguire quando l'evento si verifica.

Per rimuovere un gestore di eventi, utilizzareoff()Metodo.

Per aggiungere un evento che viene eseguito una volta e poi rimosso, utilizzareone()Metodo.

Sintassi:

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

Esempio

Aggiungere l'evento click a tutti gli elementi <p>:

从<div>元素中删除mousemove事件：

$("p").on("click", function() {
　　$.css("background-color", "coral");
$("div").off("mousemove");

});

Aggiungere l'evento mouseenter a tutti gli elementi <p>:

从<div>元素中删除mousemove事件：

$("p").on("mouseenter", function() {
　　$.css("background-color", "coral");
$("div").off("mousemove");

});

Aggiungere più gestori di eventi all'elemento <div>:

从<div>元素中删除mousemove事件：

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

});

Passare i dati alla funzione:

从<div>元素中删除mousemove事件：

参数将click事件附加到所有<p>元素：
　　$("p").on("click", {msg: "ti ho appena cliccato!!!"}, showMsg)
$("div").off("mousemove");
function showMsg(event) {
　　$.append(event.data.msg);
$("div").off("mousemove");

});

使用指定一个或多个用空格分隔的事件或名称空间使用

从<div>元素中删除mousemove事件：

参数将click事件附加到所有<p>元素：
　　$("document").ready(function(){
$("div").off("mousemove");

});

$("body").on("click",　"p",　changeSize);

从<div>元素中删除mousemove事件：

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

});

测试看看‹/›

参数值	参数
描述	event
指定一个或多个用空格分隔的事件或名称空间	childSelector
（可选）指定事件处理程序应仅附加到指定的子元素（而不是选择器本身）	data （可选）指定要传递给该函数的其他数据注意：如果将数据参数提供给on()方法，则每次触发事件时，该参数都会在event.data
属性中传递给处理程序	function

jQuery效果方法

jQueryHTML/CSS方法 jQuery效果方法