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

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();

>JQuery

, 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 :

$("#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

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

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()

——— la méthode contrôle ; l'élément Display

2. hide()

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

   toggle();

   — ——Méthode de fondu entrant

4. fadeIn()

   ——Méthode de fondu sortant

5. fadeOut()

   ——Méthode de disparition ; réduire l'élément

6. slideUp()

   —Méthode pour implémenter l'expansion des éléments

7. slideDown()

1. Événements de liaison

, il existe également , ,

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

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

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

$("#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();
  });

——— 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!