Как переопределить класс с помощью jQuery

Класс 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}

Как этот класс может быть переопределен и новый класс, добавленный так, чтобы я мог поместить различные стили в него? Возможно, я должен удалить перед классами прежде, чем добавить их. Как это сделано?

Спасибо

9
задан Phillip 26 May 2017 в 09:19
поделиться

4 ответа

Используйте селектор класса с addClass и removeClass.

$('.newwidget').removeClass('newwidget').addClass('newerwidget');
17
ответ дан 4 December 2019 в 06:26
поделиться

jQuery определяет addClass () и removeClass () именно для этой цели:

$("#ElementId").removeClass('oldClassName').addClass('newClassName');

Две функции делают очевидное. Сцепите их таким образом, чтобы изменить класс одним действием.

Если вы хотите изменить все элементы из oldClass на newClass, вы можете использовать такой селектор:

$(".oldClassName").removeClass('oldClassName').addClass('newClassName');
6
ответ дан 4 December 2019 в 06:26
поделиться
$(this).removeClass('oldClass').addClass('newClass');
2
ответ дан 4 December 2019 в 06:26
поделиться

Вы можете удалить старый класс и добавить новый:

$myJQObject.removeClass('newwidget').addClass('newclass');
4
ответ дан 4 December 2019 в 06:26
поделиться
Другие вопросы по тегам:

Похожие вопросы: