Exemples détaillés d'utilisation de jquery pour supprimer, lier et déclencher un élément events_jquery

Copier le code Le code est le suivant :

unbind(type [,data]) / /data est une fonction à supprimer
$('#btn').unbind("click"); //Supprimer le clic
$('#btn').unbind( //Supprimer tout

Pour les situations qui ne doivent être déclenchées qu'une seule fois, puis dissociées immédiatement, utilisez one()

Copier le code Le code est comme suit :

$('#btn').one("click",function(){.....});

La méthode Opération de déclenchement

trigger() déclenche le type d'événement spécifié de l'élément sélectionné.

Copier le code Le code est le suivant :

$('#btn').trigger ("cliquez sur ");

Vous pouvez également exécuter directement l'événement

Copiez le code Le code est le suivant :

$('# btn').click();

Déclencher des événements personnalisés

La méthode bind() ajoute un ou plusieurs gestionnaires d'événements à l'élément sélectionné et spécifie la fonction à exécuter lorsque l'événement se produit.

Copier le code Le code est le suivant :

$('#btn').bind ("monclic ",function(){....});

Simuler le déclenchement de la fonction de liaison ci-dessus

Copiez le code Le code est le suivant :

$( '#btn').trigger("monclic");

Déclencheur de données de transmission (événement,[param1,param2,...])

Copier le code Le code est le suivant :

$('#btn').bind("myclick",function(event,message1,message2){.............});
$(' #btn').trigger("myclick",["pass to message1","pass to message2"]);

Déclencher l'exécution de l'action par défaut

Copier le code Le code est le suivant :

$("input" ).trigger("focus");
//Cela déclenchera non seulement l'événement focus lié à l'élément d'entrée, mais déclenchera également l'opération par défaut - obtenir le focus

Déclenche uniquement les événements de liaison et n'effectue pas les opérations par défaut du navigateur

Copier le code Le code est le suivant :

$("input").triggerHandler("focus");
//Déclenchez uniquement l'événement de liaison et n'effectuez pas l'opération par défaut du navigateur

Autres utilisations

Lier plusieurs types d'événements

Copier le code Le code est le suivant :

$( " div").bind("mouseover mouseout",function(){.....});

Ajouter un espace de noms d'événement

Copier le code Le code est le suivant :

$(" div" ).bind("click.plugin",function(){......});

Ajoutez un espace de noms après le type de monde lié, de sorte que vous n'ayez besoin de spécifier l'espace de noms que lors de la suppression d'un événement.

Copier le code Le code est le suivant :

$("div").unbind( ".plugin "); //Supprimer les événements dans l'espace
$("div").trigger("click!"); //Déclencher la méthode click qui n'est pas incluse dans l'espace de noms

S'il est inclus dans l'espace de noms, il déclenchera également

Copiez le code Le code est le suivant :

$("div").trigger("clic");

Annuler ou lier la fonction

Copier le code Le code est le suivant :

$( 'div ').bind('click', RecommandProduct);//Lier la fonction RecommandProduct au div
$('div').unbind('click', RecommandProduct);//Annuler la fonction RecommandProduct