ГЛАВНАЯ | 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 не работает»
С вашими куками, что-то не то..., попробуете перезагрузить страницу..

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