Как работает jQuery-модификация CSS псевдокласса объекта?

Question

Как работает модификация jQuery псевдокласса CSS объекта?

Управляет ли он таблицей стилей с помощью метода DOM уровня 2 insertRule ?

Причина, по которой я задаю вопрос, заключается в том, что я пытаюсь изменить свойство CSS элемента :hover с помощью jQuery, но этого просто не происходит:

$("input.generated-button:hover").css("background-image", "-moz-linear-gradient(top, red, blue)")

Если я сам использую insertRule, это сработает:

document.styleSheets[0].insertRule("input.generated-button:hover" { background-image: -moz-linear-gradiant(top, green, blue); }", 0);

Answer 1

Как указывало @JP, jQuery находит элемент с указанным селектором в документе, как и во время выполнения кода.Поскольку при запуске кода нет элементов с псевдоклассом :hover, он не может найти ничего, к чему можно применить CSS.

По сути, jQuery не поддерживает :hover, илилюбой из других классов CSS, которые существуют только при определенных обстоятельствах.

Я, вероятно, мог бы что-то сделать с live, но это бы победило цель.