Exemple d'utilisation de la méthode on() dans jQuery_jquery

L'exemple de cet article décrit l'utilisation de la méthode on() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode peut lier un ou plusieurs gestionnaires d'événements à l'élément correspondant.
Utilisez la méthode off() pour supprimer l'événement lié par la méthode on().

Structure grammaticale 1 :

Copier le code Le code est le suivant :

$(selector).on(events,[selector] ,[données],fn)

Liste des paramètres :

Paramètres	Description
événements	Un ou plusieurs types d'événements séparés par des espaces et des espaces de noms facultatifs.
sélecteur	Facultatif. Une chaîne de sélection qui filtre les éléments sélectionnés dont les éléments descendants appelleront le gestionnaire. Si la sélection est vide ou ignorée, l'événement est toujours déclenché lorsqu'il atteint l'élément sélectionné.
données	Facultatif. Objet de données supplémentaire transmis à l'objet événement en tant que valeur de la propriété event.data pour traitement par la fonction de gestionnaire d'événements.
fn	Fonction exécutée lorsque cet événement est déclenché. La valeur false peut également être utilisée comme raccourci pour une fonction qui renvoie false.

Exemple de code :

Exemple 1 :

Copier le code Le code est le suivant :

Contenu original

Le code ci-dessus lie un événement de clic au div. Lorsque l'on clique sur le div, un nouveau contenu textuel peut être défini pour le div.

Exemple 2 :

Copier le code Le code est le suivant :

Contenu original

Le code ci-dessus lie deux événements au div. Que vous cliquiez sur le div ou que vous déplaciez la souris dans le div, un nouveau contenu textuel sera défini pour le div.

Exemple 3 :

Copier le code Le code est le suivant :

Accueil du script

Contenu original

Le code ci-dessus utilise le paramètre data pour transmettre des données à la fonction de traitement des événements liés.

Exemple 4 :





Copier le code

Le code est le suivant :

 

原来内容

大家好

以上代码通过通过选择器字符串来过滤匹配元素的子元素中哪些可以响应绑定的事件。上Les enfants sont des enfants.
语法结构二 :

复制代码 代码如下 :

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

Liste des paramètres :

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

Exemple de code :

Copier le code Le code est le suivant :

Accueil du script

Contenu original

Dans le code ci-dessus, le type d'événement et la fonction de traitement des événements sont liés sous forme d'objets.

J'espère que cet article sera utile à la programmation jQuery de chacun.