Главная
Друзья! Пожалуйста не нервничайте! Скоро все заработает... у нас генеральная уборка...

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("Есть такой класс");//ну или действие каяке-то другое...

};