Удалить свойство стиля с помощью jquery

Question

У меня есть это свойство стиля в моем файле CSS:

.table tbody tr:hover th,
.table tbody tr:hover td { background: #d1e5ef; }

Я хотел бы удалить это через JQuery, как бы я это сделать? Я попытался удалить класс и атрибут, но не работает.

Answer 1

Вам нужно добавить еще несколько CSS, чтобы сделать эту работу:

.table tbody tr:hover th,
.table tbody tr:hover td { background: #d1e5ef; }

.table tbody tr.no-hover:hover th,
.table tbody tr.no-hover:hover td { background: inherit; }

Вы бы добавили класс .no-hover с помощью $(selector).addClass('no-hover'), Это будет их стиль по-другому, чем другие :hover определения у вас есть. Возможно, вам придется использовать явный цвет, чтобы сделать эту работу.

Answer 2

Вы должны обойти это, потому что jQuery не поддерживает псевдоклассы. Для получения дополнительной информации см. http://forum.jquery.com/topic/deactivating-the-hover-state-of-a-hyperlink

Answer 3

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

это какой-то вариант, который вы можете использовать

добавить класс к тд как

1 .class1{ background: transparent;}

когда вы добавите этот класс через JQuery, который будет работать

2 изменить цвет через JQuery

$('table tr td').css('background-color','transparent')

попробуйте этот вариант, и я думаю, он будет работать.

Answer 4

Добавить класс в td и стиль, а не сам тег, а затем использовать removeClass() или добавить класс в hover()