Maison > Article > interface Web > Utilisation et définition du survol de la souris dans l'événement jQuery

Utilisation et définition du survol de la souris dans l'événement jQuery

黄舟original: 2017-06-28 13:30:562205parcourir

Cet article présente principalement l'utilisation du survolévénement dans jQuery, et analyse les compétences d'utilisation du survolgestion des événements lorsque le pointeur de la souris glisse dans le sous forme d'exemples. Les amis peuvent se référer à

Cet article explique l'utilisation de l'événement mouseover dans jQuery avec des exemples. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

L'événement mouseover est déclenché lorsque le pointeur de la souris est sur l'élément correspondant ou que la méthode mouseover() est appelée.
Un processus événementiel complet doit non seulement avoir des conditions pouvant déclencher l'événement, mais également un gestionnaire d'événement.
Un gestionnaire d'événements peut être lié à l'événement mouseover via la méthode mouseover(). Par exemple :

$("p").mouseover(function(){$("p").text("欢迎您！")})

Le code ci-dessus consiste à lier la fonction en tant que gestionnaire d'événements à l'événement mouseover via la méthode mouseover().
Cette fonction sera appelée lorsque l'événement mouseover est déclenché.
Exemple de code :

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.jb51.net/" />
<title>mouseover事件</title>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(
document
).ready(function(){
  $("p").mouseover(function(){
    $("p").text("欢迎您！");
  })
})
</script>
</head>
<body>
<p>原来的文字</p>
</body>
</html>

Vue d'ensemble

Liez une fonction de gestionnaire à l'événement mouseover de chaque élément correspondant.

L'événement mouseover sera déclenché lorsque la souris se déplace dans l'objet

Paramètres

fnFunctionV1.0

Le traitement lié à l'événement mouseover de. chaque élément correspondant fonctionne.

[data],fnString,FunctionV1.4.3

data:mouseover([Data], fn) peut transmettre des données à la fonction fn à traiter.

fn : La fonction de gestionnaire liée à l'événement mouseover de chaque élément correspondant.

Exemple

Description :

Changer la couleur d'arrière-plan d'un élément lorsque le pointeur de la souris est dessus :

Code jQuery :

$("p").mouseover(function(){ $("p").css("background-color","yellow"); });

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

Article précédent：Une brève analyse des expressions régulières pour faire correspondre les mots de passe numériques et alphabétiquesArticle suivant：Une brève analyse des expressions régulières pour faire correspondre les mots de passe numériques et alphabétiques

Articles Liés

Voir plus