$.cookie("название куки", $(".class1").addClass("class2"),{ expires: 30 , path: '/'}); я как понимаю, так она создается на 30 дней и будет применена на весь сайт, а как ее потом показать после перезагрузки страницы?
Используя эту библиотеку сделать это можно след. образом (стабильный вариант): HTML: <script>// https://github.com/js-cookie/js-cookie // Cookies.get() - получить // Cookies.delete() - удалить // Cookies.set() - установить $('.class1').click(function(){ var class1 = $('.class1'); class1.addClass("class2"); if( class1.hasClass('class2') ) { // 1 = true // expires: 7 = Закончится через неделю // если expires не ставить, то она будет пока пользователь не удалить куки у себя // или пока ты сам у него не удалишь ее // можно так же прописать путь - path: '', пример: expires: 7, path: '' Cookies.set('class2', '1', { expires: 7 }); } }); console.log('class2 естЬ? ' + ( parseInt(Cookies.get('class2')) ? 'Да' : 'Нет' ) );</script>
Мы живем в современном мире используй Storage (local или session в зависимости от нужд) https://developer.mozilla.org/ru/docs/Web/API/Window/localStorage