Войти
×
Меню :
jquery (43)



Blog (1964)
other (413)
php (390)
js (302)
html (153)
php book (148)
css (147)
пк (124)
html tags (63)
js tag (56)
windows (48)
js method (44)
jquery (43)
php array (39)
Показать еще :
ruweb.net (37)
text (37)
js date (33)
form html (30)
online (29)
link (26)
fonts (24)
dosite (22)
js events (22)
php file (21)
foto (20)
atom (20)
database (19)
input (19)
lingvo (18)
forum (18)
svg (18)
hosting (17)
php date (17)
mysql (17)
фото (16)
php img (16)
img (15)
android (15)
php time (15)
info (15)
color (15)
board (14)
xiaomi (14)
notepad (14)
jsphp (14)
js url (14)
js time (14)
osclass (13)
yandex (13)
table (13)
select (13)
htaccess (13)
знак (13)
$ server (12)
php path (12)
download (12)
vs code (11)
icon (11)
html book (11)
keyboard (11)
ось (10)
js delete (10)
css img (10)
dw block (10)
paint (10)
form (10)
mouse (10)
ftp (9)
iframe (9)
hover (8)
cookie (8)
php url (7)
search (6)
click (6)
php get (6)
нок (6)
comment (6)
list (6)
ok (6)
hey tag (6)
js vars (6)
canvas (6)
js id (5)
console (5)
year (5)
reg.ru (5)
js math (5)
heading (5)
tag a (5)
mb (5)
value (5)
js file (5)
xml (5)
web (5)
day (4)
ucoz (4)
pages (4)
base64 (4)
js book (4)
month (4)
js form (4)
folder (4)
ssl (4)
word (4)
youtube (4)
adminka (4)
week (4)
js img (4)
task (4)
scandir (4)
submit (4)
numbers (4)
games (4)
js hash (4)
news (4)
symbols (4)
2022 (4)
bbcode (4)
php var (4)
vk (4)
qr code (3)
video (3)
domen (3)
https (3)
php day (3)
captcha (3)
рся (3)
file (3)
units (3)
js post (3)
padding (3)
404 (3)
line (3)
куб (3)
aimp (3)
sitemap (2)
counter (2)
seo (2)
height (2)
details (2)
akaso (2)
arrows (2)
typeof (2)
tag hr (2)
src (2)
prompt (2)
kfc (2)
google (2)
blob (2)
php 28 (1)
php 27 (1)
php 18 (1)
php 5 (1)
php 32 (1)
php 20 (1)
php 10 (1)
php 9 (1)
js 3 (1)
cursor (1)
php 8 (1)
php 25 (1)
php 24 (1)
php 23 (1)
php 19 (1)
php 22 (1)
php 26 (1)
php 4 (1)
php 41 (1)
chart (1)
php 30 (1)
atom 8 (1)
replace (1)
php 7 (1)
atom 1 (1)
atom 2 (1)
atom 3 (1)
atom 4 (1)
atom 5 (1)
atom 7 (1)
js no4 (1)
atom 6 (1)
atom 9 (1)
#html (1)
php 38 (1)
atom 17 (1)
atom 16 (1)
atom 15 (1)
header (1)
php 31 (1)
php 33 (1)
php 34 (1)
php 17 (1)
atom 11 (1)
php 3 (1)
atom 10 (1)
php 40 (1)
atom 12 (1)
atom 14 (1)
atom 13 (1)
php 37 (1)
php (1)
php 43 (1)
php 13 (1)
aimp 1 (1)
js 5 (1)
js 6 (1)
js 7 (1)
php 45 (1)
php 44 (1)
aimp 2 (1)
aimp 3 (1)
ftp 3 (1)
ftp 4 (1)
ftp 5 (1)
ftp 2 (1)
php 1 (1)
webp (1)
php 42 (1)
php 36 (1)
php 15 (1)
js 1 (1)
js 4 (1)
opera (1)
js 10 (1)
js 8 (1)
js 9 (1)
втб (1)
ftp 1 (1)
scroll (1)
php 14 (1)
php 11 (1)
php 16 (1)
js 2 (1)
smile (1)
font (1)
date (1)
name (1)
php 35 (1)
php 29 (1)
atom 18 (1)
php 39 (1)
atom 19 (1)
speed (1)
atom 20 (1)
нод (1)
php 21 (1)
php 12 (1)
rutube (1)
php 2 (1)
php 6 (1)
jino (1)
archive (1)

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

};

Не стесняемся говорить спасибо!
Всего комментариев : 0 Comments+ 2.0
+ =
Помочь проекту DwWeb.ru

1). Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

2). Помочь материально.

Теги:
jquery hasclass hasclass jquery не работает проверить есть ли класс jquery проверить есть ли класс

Последнние комментарии:

14.12.2025 :
комменты вернулись!
Марат 10.12.2025 23:09
Если вы думали, что нижняя история про клаву быстро закончилась.. то... подробнее...
Вася Пупкин 10.12.2025 00:19
Это тестовое сообщение, не зарегистрированного и без граватара!... подробнее...
Терминатор 09.12.2025 00:58
Итак... наконец то я написал роль незарегистрированного пользователя... + сделал... подробнее...
Марат 05.12.2025 01:34
Тут разбираю старые фотки, документы, которые 20, а то и больше лет лежат на антресоли без... подробнее...
Марат 04.12.2025 14:39
C PHP  - "закрепление сообщения" разобрался... с некоторыми нюансами... доступно только админу... подробнее...
ruweb
См. интсрукция по ruweb. dwweb.ru есть здесь:
Все соцсети в одном месте!
defense_js Разное :Игра "пятнашки"
Угадай страну по флагу

Кальклятор
Математика онлайн

Списки шифрования
Часы

Числа словами
Названия чисел(max=10305)
Графики

Qr код онлайн

Как сделать сайт?
Md5 онлайн
Sitemap.html
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2025 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB Сайт работает круглосуточно 24/7.
Страница загружена за : 0.026138 секунд.