Cet article décrit les exemples JQuery d''événements d''utilisation et animations.Partager sur votre examen.Une analyse spécifique est la suivante:

  1.événement se lient

  Copiez le code est le suivant:

  

  

  

  

Rocheux?

  

Laissez la pluie sans parapluie et en bas que tout soit terminé pour voir combien de temps il sera sec coeur humide

  

  

  

  Dans l''opération ci-dessus, nous avons appris bind nouvel événement, l''événement est trois et lier des paramètres, le premier paramètre est le nom de l''événement, tels que: cliquez, dbclick, mouseover et ainsi de suite, et le second paramètre est les données, qui est, l''événement passé l''objet, le troisième argument est une méthode, qui est, c''est l''un de notre événement spécial pour traiter les fonctions de traitement d''événements liés, en plus il y a aussi un exemple pour écrire un exemple d''animation, des informations de texte est affiché ou masqué, en l''absence d''apprentissage show () et hide () avant de manière générale, conformément à la première fa?on d''écrire ce qui précède, la définition d''une variable de type bool peut, rédiger est très simple, mais en écriture montrent le temps de traitement bouton caché homme homme au-dessus ou du mal, tant d''apprentissage tout simplement le spectacle () et hide () après, est directement peut masquer et afficher.Vous pouvez comparer, le code de traitement apparemment simple sur elle.

  2.événements bascule et bouillonnante d''événements

  Copiez le code est le suivant:

  

  

  

div externe
div central
div interne

  Baidu

  

  

  Activer l''événement: événement click souris analogique lorsque la souris est déplacé vers le premier élément d''un événement déclencheur, le second événement est déclenché lorsque la souris quitte l''élément.commutation mutuelle entre deux événements de déclenchement, se référant également à la prochaine formation de bulles d''événement, événement bouillonnant, en fait, être simplement interprété comme: sur une seule page peut avoir plusieurs événements, plusieurs éléments peuvent aussi être un événement correspondant.Les mêmes hypothèses que ci-dessus, il y a deux éléments dans la page où un élément div imbriqué dans un autre élément div et sont livrées avec un événement click, puis lorsque vous cliquez dans l''élément div du temps, seront également affichés à l''extérieur de la div, ce il est la bulle de l''événement.Il convient de noter ici qui sont liés à un événement, cliquez sur l''événement facilement accordé que le seul endroit à l''intérieur.

  3.Retirez l''événement et ajouter d''autres événements en continu

  Copiez le code est le suivant:

  

  

  

messages texte div

  

  Au-dessus, nous avons appris l''événement se lier, est d''ajouter un événement, et l''événement unbind est retiré, on peut comparer, bon, et l''ajout continu de plus d''événements après le fait, lorsque vous ajoutez un événement pour continuer à jouer.Ajouter un événement à lier.

  4.événements simulés

  Après que l''utilisateur a acheté des années: entre dans l''événement de liaison ci-dessus, nous apprenons, cliquez sur les événements sont normalement remplis en cliquant sur un bouton pour déclencher l''événement, mais il est temps, en simulant les actions des utilisateurs nécessaires pour obtenir l''effet de clic, par exemple, cliquez sur l''événement déclencheur, sans que l''utilisateur de cliquer, nous utilisons la méthode trigger () pour terminer l''opération de simulation.

  5.D''autres événements

  Copiez le code est le suivant:

  

  

1234

  

  

  Méthodes d''animation

  6.zone de texte multiligne - très variable

  Copiez le code est le suivant:

  

  

  

  

  

agrandirétroit

  

? >

  

  

  L''opération ci-dessus atteint le temps Zoom, à savoir, haute hauteur de textarea plus grande surface, cliquez sur la zone de texte réduire la zone de temps devient faible, à savoir la réalisation de l''effet de l''animation.

  7.l''application Box

  Copiez le code est le suivant:

  

  

  

Tu aime le sport?

  Football

  basketball

  volley-ball

  badminton

  

  

  

  

  

  

  Notez que ici, cocher ou décocher la case à cocher détermine un état doit être vérifié par l''attribut fin de commande de l''élément, si l''attribut checked est vrai, la description a été sélectionnée, si elle est fausse, le non sélectionné.

  8.bo?te déroulante Application

  Copiez le code est le suivant:

  

  

  

  

  

  添加到右边

  Tous ajouté à droite

  

  

  

  

  

  L''opération ci-dessus est réalisé dans le clic gauche sur l''élément sélectionné, puis ajouté à la droite de la bo?te, vous pouvez ajouter un par un, peut être ajouté à la fois.

  9.Formulaire de demande

  Copiez le code est le suivant:

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

Nom completle genreHébergement temporaire
groupe de conception avant
Joe SmithMasculinNingbo, Zhejiang
John DoeFemmeHangzhou, Zhejiang
équipe de développement de réception
Wang WuMasculinChangsha, Hunan
Zhao sixMasculinChangsha, Hunan
Contexte groupe de développement
SUN septMasculinChangsha, Hunan
huit semainesMasculinChangsha, Hunan

  

  Dans cet article, nous espérons que l''aide de la programmation de jQuery.

  Vous pouvez également être intéressé par l''article: événement jQuery pour partager avec résumé animée compréhension approfondie jquery des événements et des animations en profondeur la compréhension des événements et des animations JQuery pour partager des événements d''animation de jQuery communs et fonctions Animer animation animation jQuery second événement click n''a pas répondu à une base superbe jquery menus de navigation animés peut répondre à un événement de clic sélecteurs de jQuery, les opérations DOM, événements, animations jQuery pointus sont résumés (c) en cas et animations jQuery (sous: articles animation) jQuery forte Faits saillants sont résumés (c) événements jQuery et animation (sur: articles d''événements) des événements d''animation jQuery et expliquer la base

événements JQuery et des exemples d''utilisation d''animation

Recommend Article: