Быстрый вопрос наведения JavaScript

Question

У меня быстрый вопрос по JavaScript.Мне было интересно, есть ли способ сделать div с именем #post li span, чтобы он появлялся (появлялся) при наведении курсора на div "#post li"?Было бы очень много, если бы кто-нибудь мог предоставить мне код.

Answer 1

Вы можете сделать это напрямую с помощью CSS:

#post li span {
    display: none;
}

#post li:hover span {
    display: inline;
}

Если вы хотите использовать JavaScript и иметь jQuery, вы можете использовать:

$('#post li span').hide();
$('#post li').hover(
    function() { $('span', $(this)).show(); },
    function() { $('span', $(this)).hide(); }
);

Если вы хотите использовать JavaScript иу меня нет jQuery, все становится сложнее.

Answer 2

В старых версиях IE у вас не будет доступа к псевдоклассу: hover ни с какими тегами привязки.так что вы можете использовать javascript следующим образом:

$('#post li').hover(function() {
    $(this).find('span').show();
  },
  function() {
    $(this).find('span').hide();
  }
);

проверьте jQuery hover для получения дополнительной информации о том, как это работает

Answer 3

Вы можете использовать CSS.
Примените display: none к #post li span, затем добавьте display:block для #post li:hover span