У цьому прикладі показано, як можна змінити елемент HTML за допомогою jQuery. Після того, як відбулася подія hover, до елемента div0 додається клас "selected", а вміст цього елемента змінюється на новий текст.
У результаті, елемент div0 зберігає свій вміст після події hover, завдяки класу, що був доданий. Натомість div1 показує свій вміст лише під час події hover. Це нагадує поведінку HTML елемента input з типом checkbox, де вибір залишається активним після завершення події hover.
Цей підхід демонструє, як за допомогою jQuery можна маніпулювати стилями і контентом елементів, роблячи їх інтерактивними на веб-сторінці.
Перекладено з: CSS Basics 11