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

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

HasClass () - это встроенный метод в jQuery, который проверяет, существуют ли элементы с указанным именем класса или нет.
Синтаксис:

$ (селектор) .hasClass (имя класса);

Параметр: принимает параметр «className», который указывает имя класса, необходимое для поиска в выбранном элементе.

Возвращаемое значение: возвращает истину, если поиск успешен, иначе ложь.
Код jQuery для демонстрации работы этого метода:

 < html >
 
< head >
    < script
    src = " https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js " >
    </ script >
    < script >
        $(document).ready(function() {
            $("button").click(function() {
                alert($("p").hasClass("find"));
            });
        });
    </ script >
    < style >
        .find {
            font-size: 120%;
            color: green;
        }
         
        body {
            width: 50%;
            height: 200px;
            border: 2px solid green;
            padding: 20px;
        }
    </ style >
 </ head >
 
< body >
 
    < h1 >Heading 1</ h1 >
 
    < p class = "find" >Geeks for Geeks !.</ p >
    < p >This is normal paragraph.</ p >
 
    < button >Click me!</ button >
 
</ body >
 
</ html > 

Выход:
Перед тем, как нажать «Нажми меня!» кнопка-

После нажатия кнопки «Щелкните меня!» кнопка-

JavaScript JQuery

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

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