Вопрос по jquery, html, javascript, hover, css – Добавление всплывающих атрибутов CSS с помощью jQuery / Javascript

32

Некоторые стили CSS должны применяться к элементу при наведении, а стили CSS должны применяться непосредственно с использованием javascript / jquery, а не через таблицы стилей или$(this).addClass('someStyle') потому что я внедряю элементы DOM на другую страницу.

Мы можем применить обычные стили CSS, используя

$('#some-content').css({
    marginTop: '60px',
    display: 'inline-block'
});

Как мы должны добавить стили CSS для:hover Мероприятия?

Нужно ли прибегать к:

$('#some-content').hover(
       function(){ $(this).css('display', 'block') },
       function(){ $(this).css('display', 'none') }
)
@Alnitak Хорошо, я выбралdisplay атрибут случайным образом, вероятно, не хороший пример :) Nyxynyx
почему бы не добавить и не удалить класс на основе события hover в jquery или onmouseover и onmouseout? Jon Taylor
Просто для ясности. Если я понял, оригинальный вопрос не в том, какспусковой крючок Событие jQuery для hover / hout, а точнее, как украсить стиль наведения элемента с определенными атрибутами CSS и т. д. Однако это невозможно, см. более подробные сведения здесь: VIA JQUERY:bugs.jquery.com/ticket/4434). Поэтому вместо этого следует использовать обходные пути в других предоставленных ответах. mPrinC
Вы хотите, чтобы элемент исчез, когда вы от него отошли? Как ты должен снова вернуться к нему? Alnitak
Смотри.hover() Метод в JQuery.api.jquery.com/hover Felipe Oriani

Ваш Ответ

1   ответ
25

что использование mouseenter и mouseleave лучше, чем зависание. Там больше контроля.

$("#somecontent").mouseenter(function() {
    $(this).css("background", "#F00").css("border-radius", "3px");
}).mouseleave(function() {
     $(this).css("background", "00F").css("border-radius", "0px");
});
Хотите проработать утверждение «Там больше контроля»? Насколько я знаю,.hover() Функция - это просто сокращение для того, чтобы делать именно то, что вы кодировали. Anthony Grist

Похожие вопросы