Jquery - метод hasclass (), або перевіряємо наявність класу у елемента

Введіть результат виконання операції (цифрами):
16 + 6 =? оновити

Не сподобалось: 11

Недоступний жоден переклад.

Доброго часу доби, шановні пані та панове! У цій зовсім невеликій статті я розповім, як за допомогою jQuery перевірити наявність класу у елемента. Будь HTML-елемент завжди може мати більше одного класу. Всі класи, призначені елементу, перераховуються через пробіл в атрибуті class елемента. як показано нижче:

У цьому прикладі для DIV-елемента встановлено два класи - sizeable і draggable. Якщо нам необхідно перевірити, чи не встановлено певний клас для якогось елементу, то на jQuery це робиться за допомогою методу hasClass (). Так, якщо ми хочемо дізнатися, чи є у нашого DIV-а клас sizeable. ми робимо наступну перевірку:

Після виконання цього коду на екран буде виведено повідомлення "У елемента заданий клас sizeable!". Іноді початківцям розробникам jQuery хочеться використовувати метод attr () бібліотеки jQuery, щоб порівняти значення атрибута class елемента з якимось класом, що в корені невірно. Наприклад, наступний код написаний неправильно:

Ніколи не перевіряйте наявність класу у елемента за допомогою методу attr (). Цей код не буде працювати. Завжди використовуйте метод hasClass ()

Оскільки за специфікацією HTML у будь-якого елементу може бути кілька класів, то цілком зрозуміло, чому attr () тут не спрацьовує - цей метод використовується для читання або установки тих атрибутів елемента, які мають єдине значення. Такими можуть бути, наприклад, атрибути id, title і т.д. Якщо необхідно перевірити наявність декількох класів у елемента, доведеться використовувати метод hasClass () для перевірки кожного класу. Наприклад, якщо ми хочемо дізнатися, задані чи обидва класи у елемента, то використовуємо наступний код:

Якщо ж хочемо перевірити наявність хоча б одного з двох класів, то перевіряємо так: