Как добавить код CSS на JQuery?

Question

У меня есть часть кода CSS, как я могу добавить этот CSS с помощью JQuery?

div#menu li:hover>div {
    visibility: visible;
}

Answer 1

Хотя ответы Сарфраза и Энтони сработают, есть пара моментов, на которые стоит обратить внимание.

1) Чтобы скрыть / показать, вам лучше всего использовать методы hide() и show(), доступные для объекта jQuery.

Итак,

$("div#menu li:hover>div").show();

2) Попробуйте вместо этого использовать классы CSS, а не прямое использование .css() функции

3) С вашим селектором div#menu не имеет смысла. Селектор идентификатора работает быстрее. Все, что вы делаете, когда ставите селектор элемента div перед ним, замедляете его:

$("#menu li:hover>div").show();

Кроме того, начните принимать ответы и голосовать. Это хорошая вежливость - он зарабатывает людям очки, которые им нравятся, и делает их более склонными помогать вам в будущем.

Answer 2

Если я не ошибаюсь, с последней версией jquery должно работать следующее:

 $("div#menu li:hover>div").css("visibility","visible")

Answer 3

Пожалуйста, проверьте эту ссылку http://remysharp.com/2008/10/17/jquery-really-visible/

Проблема с: visible

Селектор: visible работает нормально, если вы спрашиваете, установлен ли определенный элемент как невидимыйстиль CSS для отображения или отображения).

Однако, если элемент скрыт, поскольку родительский элемент скрыт, селектор: visible возвращает ложное срабатывание.

Answer 4

........

 $('selector').css('visibility', 'visible')