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

Jquery hasclass найти класс

Сегодня тема hasClass в jquery. С помощью hasClass можно найти класс на странице! К примеру часто бывает нужно, определить есть ли такой класс, и сделать соответствующие действия от наличия или отсутствия класса в блоке! Очень полезно при программировании!

Мы продолжаем наши темы с классами, мы уже рассмотрели, удаление класса, добавление класса – теперь будем искать… есть ли наш класс на странице. Который нам нужен!

Примеры использования 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>

и скрипт:

<script>

function foo()

{

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

  {

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

  };

}</script>

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

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

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

<script>

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

{

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

};

</script>

P.S. Самое то главное! Не забываем, что нужно подключить jquery , а так, вы конечно же скажите «hasclass jquery не работает»
Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:
наличие класса у выбранных элементовпринадлежит ли элемент данному классу.hasClass()hasClass()hasclass jquery hasclass hasclass addclass hasclass jquery не работает

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019