Класс CSS jQuery устанавливает следующее:
.newwidget { border: 1px solid #5a9ee9; background: #5a9ee9 url(t6.gif) 50% 50% repeat-x; color: #ffffff; font-weight: bold; text-transform: uppercase; padding:3px 3px 3px 10px; font-size:10px}
Как этот класс может быть переопределен и новый класс, добавленный так, чтобы я мог поместить различные стили в него? Возможно, я должен удалить перед классами прежде, чем добавить их. Как это сделано?
Спасибо
Используйте селектор класса с addClass и removeClass.
$('.newwidget').removeClass('newwidget').addClass('newerwidget');
jQuery определяет addClass ()
и removeClass ()
именно для этой цели:
$("#ElementId").removeClass('oldClassName').addClass('newClassName');
Две функции делают очевидное. Сцепите их таким образом, чтобы изменить класс одним действием.
Если вы хотите изменить все элементы из oldClass на newClass, вы можете использовать такой селектор:
$(".oldClassName").removeClass('oldClassName').addClass('newClassName');
$(this).removeClass('oldClass').addClass('newClass');
Вы можете удалить старый класс и добавить новый:
$myJQObject.removeClass('newwidget').addClass('newclass');