Maison > Article > interface Web > É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
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
show()
hide()
fadeIn()
fadeOut()
slideUp()
slideDown()
1. Événements de liaison
, il existe également , ,
et d'autres méthodes de liaison d'événements. bing()
on()
live()
Classification des événements contraignants : one()
(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
show()
——— La méthode contrôle l'affichage des éléments
——- méthode pour changer l'état visible de l'élément hide()
——- méthode pour apparaître en fondu toggle()
- méthode pour disparaître fadeIn()
- méthode pour mettre en œuvre le rétrécissement des éléments fadeOut()
- 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!