jQuery | mouseover () с примерами

Опубликовано: 13 Декабря, 2021

Метод mouseover () - это встроенный в jQuery метод, который работает, когда указатель мыши перемещается по выбранным элементам.

Синтаксис:

 $ (селектор) .mouseover (функция)

Параметры: этот метод принимает функцию с одним параметром, которая является необязательной. Этот параметр используется для указания функции, запускаемой при вызове события наведения курсора мыши.

Возвращаемое значение: этот метод возвращает выбранный элемент с изменением.

Пример ниже иллюстрирует метод mouseover () в jQuery:

Пример:

 <!DOCTYPE html>
 < html >
    < head >
        < title >The mouseover 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").mouseover(function() {
                    $("p").css("background-color", "lightgreen");
                });
            });
        </ script >
        < style >
            body {
                width: 280px;
                padding: 40px;
                height: 30px;
                border: 2px solid green;
                font-weight: bold;
                font-size: 20px;
            }
        </ style >
    </ head >
    < body >
         
        <!-- move over this text to see the change -->
        < p >Welcome to GeeksforGeeks!</ p >
      
    </ body >
 </ html > 

Выход:
Перед тем, как навести курсор мыши на абзац:

После наведения курсора мыши на абзац:

Статьи по Теме:

jQuery | on () с примерами
jQuery | first () с примерами
jQuery | data () с примерами

JavaScript JQuery

jQuery | mouseover () с примерами

РЕКОМЕНДУЕМЫЕ СТАТЬИ