El método mouseenter() es un método incorporado en jQuery que funciona cuando el puntero del mouse se mueve sobre el elemento seleccionado.
Sintaxis:
$(selector).mouseenter(function)
Parámetros: este método acepta la función de parámetro único que es opcional. Se utiliza para especificar la función que se ejecutará cuando se llame al evento mouseenter.
Valor devuelto: Este método devuelve los elementos seleccionados con los cambios realizados por el método mouseenter().
El siguiente ejemplo ilustra el método mouseenter() en jQuery:
Ejemplo:
<!DOCTYPE html> <html> <head> <title>The mouseenter Method</title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <!-- jQuery code to show the working of this method --> <script> $(document).ready(function() { $("p").mouseenter(function() { $("p").css("background-color", "green"); }); }); </script> <style> body { width: 300px; padding: 40px; height: 30px; border: 2px solid green; font-weight: bold; font-size: 20px; } </style> </head> <body> <!-- move over this paragraph and see the change --> <p>Welcome to GeeksforGeeks!</p> </body> </html>
Salida:
Antes de ingresar el mouse sobre el párrafo:
Después de ingresar el mouse sobre el párrafo:
Artículos relacionados:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA