Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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

Поддержи проект!!! smile

Сегодня тема 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 не работает»

Вас может еще заинтересовать список тем : #JQUERY | #JQUERY_CLASS |
Последняя дата редактирования : 07.01.2021 20:36
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Марат :
19/01/2021 01:13
Всегда пожалуйста!Приходите ещё!
подробнее.
аркадий :
19/01/2021 01:08
Спасибо!Меню вернулось. Класс!
подробнее.
Прохожий :
02/01/2021 10:44
Здравствуйте Марат!Спасибо Вам, за оперативность и развернутый ответ с примерами. И ОГРОМНОЕ спасибо, что…
подробнее.
Марат :
01/01/2021 03:30
И вас с Новым годом!Посмотрите …
подробнее.
Прохожий :
31/12/2020 03:58
А как проверить, чекнут ли чекбокс программно, то есть - другим скриптом, а не мышкой?Вот тут…
подробнее.