Maison > interface Web > js tutoriel > À propos de la fonction submit() dans jQuery

À propos de la fonction submit() dans jQuery

巴扎黑
Libérer: 2017-06-29 10:28:23
original
1370 Les gens l'ont consulté

À propos de la fonction submit()dans jQuery (gestionnaire d'événement de liaison ou événement déclencheur ?)

Aujourd'hui, j'en ai accidentellement rencontré une en tapant du code. C'est plutôt compliqué question (posée par un junior). Je ne l'ai pas comprise après y avoir réfléchi. J'ai passé beaucoup de temps sur Baidu et Google le matin, et j'ai lu l'API en anglais avant de enfin la comprendre. Écrivez-le maintenant pour le rappeler à tout le monde. Sans plus tarder, le code est le suivant :


1  $('#myFormId').submit(function() { 
2      // submit the form 3      $(this).ajaxSubmit(); 
4      // return false,这样可以阻止正常的浏览器表单提交和页面转向 5      return false; 
6  });7  $('#myFormId').submit();
Copier après la connexion

Cette section est similaire au code que j'ai rencontré, lorsque le programme est exécuté pour ligne 1 ci-dessus L'événement de soumission du formulaire n'a pas été déclenché, mais le formulaire n'a été soumis que lorsque la ligne 7 a été exécutée. Cela m'a permis de comprendre les deux fonctions suivantes :


1 $(selector).submit();2 $(selector).submit(fn);
Copier après la connexion

Après avoir vérifié l'API et recherché en ligne , j'ai compris toute l'histoire. La fonction de la première ligne ci-dessus signifie déclencher l'événement "submit" de l'élément sélectionné par le sélecteur, tandis que l'élément de la deuxième ligne signifie lier la fonction "submit" traitement d'événement à l'élément sélectionné par le sélecteur. élément. De cette façon, nous comprenons la signification du code supérieur. La première ligne est de lier la fonction de traitement et la septième ligne de code est de déclencher l'événement. C'est bon, problème résolu !

Ce qui suit est l'explication officielle de l'API en anglais. L'explication officielle de l'API est fiable. Je ne comprends pas du tout la traduction chinoise.

Les trois parties bleues ci-dessus sont des modifications dans différentes versions, et celles entourées en rouge expliquent leurs différences. L'anglais est relativement simple, donc je ne vais pas me montrer.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal