Удалить свойство стиля с помощью 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()