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

Question

Класс JQuery CSS устанавливает следующее:

.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} 

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

Благодаря

Answer 1

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

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

Answer 2

Вы можете, чтобы remove старый класс и add новый:

$myJQObject.removeClass('newwidget').addClass('newclass'); 

Answer 3

JQuery определяет addClass() и removeClass() только для этой цели:

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

Обе функции делают очевидным , Цепляйте их, как это, чтобы изменить класс в одном действии.

Если вы хотели бы изменить все элементы из «oldClass» к «NewClass», вы можете использовать селектор, как это:

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

Answer 4

$(this).removeClass('oldClass').addClass('newClass'); 

Answer 5

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

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

Answer 6

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

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

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