Maison >interface Web >js tutoriel >Événements de liaison JQuery, événements de suppression et animations

Événements de liaison JQuery, événements de suppression et animations

巴扎黑
巴扎黑original
2017-06-30 11:37:021398parcourir


Lier Événement : bind(), on(), live(), délégué(), keyup(); Événement déclencheur : trigger( ' keyup'), keyup();
Événements de dissociation : unbind(), off(), die(), unelegate();
Événements conformes : hover(), toggle(); bind();


Événements de liaison JQuery, événements de suppression et animations

1. Événement de liaison

>JQuery

lie événements En plus de la méthode

, il existe également , , bing() et d'autres méthodes de liaison d'événements on(). live()one()
Classification des événements contraignants :

(a) Liaison d'un seul événement

(b) Liaison de plusieurs événements en même temps

$("#btn").bind("click",function(){
    //代码块
    console.log(123);
});

Pour les différences entre les méthodes d'événement bind(), live() et délégué() dans JQuery, veuillez consulter :

http://www.php100.com/html/program/jquery/ 2013/ 0905/5993.html
$("#btn").bind({
    mouseover:function(){
        $(this).css("background","red");
        console.log("代码块1");
    },
    mouseout:function(){
        console.log("代码块2");
    },
    click:function(){
        console.log("点击事件");
    }
});


2
Supprimer l'événement
(a) Utiliser la suppression de la liaison ( ) Méthode de suppression d'événement

3. JQuery
  $("button").click(function(){
    $("p").unbind();
  });
Animation

Dans Jquery, une série d'effets d'animation est fournie. , parmi lesquels

    ——— la méthode contrôle l'affichage de l'élément
  1. show()

  2. ——— la méthode contrôle ; l'élément Display
  3. hide()

  4. ——- Méthode pour changer l'état visible
  5. de l'élément

    toggle();

    — ——Méthode de fondu entrant
  6. fadeIn()

    ——Méthode de fondu sortant
  7. fadeOut()

    ——Méthode de disparition ; réduire l'élément
  8. slideUp()

    —Méthode pour implémenter l'expansion des éléments
  9. slideDown()

Événements de liaison : bind(), on() , live(), délégué(), keyup();
Événements déclencheurs : trigger('keyup'), keyup(); , die(), unelegate ();
Événements conformes : hover(), toggle();
Liaison d'événement :






Événements de liaison JQuery, événements de suppression et animations1. Événements de liaison

Événements de liaison JQuery, en plus de la méthode

, il existe également , ,

et d'autres méthodes de liaison d'événements

. bing()on()live()Classification des événements contraignants : one()

(a) Liaison d'un seul événement

(b) Liaison de plusieurs événements en même temps

Pour les différences entre les méthodes d'événement bind(), live() et délégué() dans JQuery, veuillez consulter :
$("#btn").bind("click",function(){
    //代码块
    console.log(123);
});
http://www.php100.com/html/program/jquery/ 2013/ 0905/5993.html

$("#btn").bind({
    mouseover:function(){
        $(this).css("background","red");
        console.log("代码块1");
    },
    mouseout:function(){
        console.log("代码块2");
    },
    click:function(){
        console.log("点击事件");
    }
});


2. Supprimer des événements



(a) Utilisez la méthode unbind() pour supprimer des événements.

3. Animation JQuery

  $("button").click(function(){
    $("p").unbind();
  });
Dans Jquery, une série de méthodes d'affichage des effets d'animation sont fournies, parmi lesquelles,

——— La méthode contrôle l'affichage des éléments

  1. show() ——— La méthode contrôle l'affichage des éléments

  2. ——- méthode pour changer l'état visible de l'élément hide()

  3. ——- méthode pour apparaître en fondu toggle()

  4. - méthode pour disparaître fadeIn()

  5. - méthode pour mettre en œuvre le rétrécissement des éléments fadeOut()

  6. - méthode pour mettre en œuvre l'expansion des éléments slideUp()

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!

Déclaration:
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