ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

jquery hasclass проверить есть ли класс

Сегодня разберемся с hasClass в jquery. Мы продолжаем наши темы с классами, мы уже рассмотрели, удаление класса, добавление класса – теперь будем искать… есть ли наш класс на странице. Который нам нужен!
И не забываем, что прежде надо подключить библиотеку jquery пункт №1

Примеры использования hasClass в jquery:

$("#example").hasClass("searchClass"); //проверит наличие класса searchClass у элемента с идентификатором example

$("div.example").hasClass("searchClass"); //проверит наличие класса searchClass у div-элементов с классом example

Использовать можно различными способами – самый простой способ, например у вас есть в вашем диве с идентификаторам example и класс с таким же названием… и их много!

Вам нужно проверить есть ли такой класс searchClass вообще… внутри ваших "example"

Можно сделать таким образом:

<div id="example">

     <div class="example searchClass" onclick="foo()">#example + .searchClass нажми на меня!</div>

</div>

и скрипт:

function foo()

{

    if($("#example .example").hasClass("searchClass"))

    {

    alert("Есть такой класс");

    };

}

Мы использовали onclick и теперь вам нужно нажать по ниже идишей надписи ...

#example + .searchClass нажми на меня!

Если вам нужно использовать без онклика. То убираем его в диве и скрипт у вас будет выглядеть таким образом:

if($("#example .example").hasClass("searchClass"))

{

  alert("Есть такой класс");//ну или действие каяке-то другое...

};

С вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
jquery hasclass hasclass jquery не работает проверить есть ли классjquery проверить есть ли класс

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019