Как переопределить класс с помощью 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
css jquery jquery-selectors jquery-ui

6 ответов

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

$('.newwidget').removeClass('newwidget').addClass('newerwidget');
16

jQuery определяет addClass() и removeClass() для этого:

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

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

если вы хотите изменить все элементы с "oldClass" на "newClass", вы можете использовать селектор следующим образом:

$(".oldClassName").removeClass('oldClassName').addClass('newClassName');
6

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

$myJQObject.removeClass('newwidget').addClass('newclass');
4
$(this).removeClass('oldClass').addClass('newClass');
2

Я думаю, стоит отметить, что вы можете удалить все классы, оставив параметр от removeClass():

$('.newwidget').removeClass().addClass('newerwidget');
2

Если вы хотите полностью заменить существующие классы на элемент, вы можете использовать .буква attr() метод.

$('#elementId').attr('class', 'newClassName');

любые классы на elementId будут заменены.

1