English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Пример использования методов show и hide в jQuery

Этот пример分析了jQuery метод show и hide. Поделюсь с вами для вашего использования, подробности см. ниже:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style type="text/css">
    *{font-size:12px;}
    div{width:600px;margin:auto;}
    #control{background-color:gold;padding:10px;}
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $("#btnDisplay").click(function () {
        $("#message").show(3000);
      });
      $("#btnHide").click(function () {
        $("#message").hide(3000);
      });
    });
  </script>
</head>
<body>
  <div id="control">
    <input id="btnDisplay" type="button" value="Показать div" />
    <input id="btnHide" type="button" value="Скрыть div" />
  </div>
  <div id="message">
    Разница между mouseover и mouseenter: div в div. См. примечания. Имеет отношение к всплытию событий.<br /> 
    Событие mouseover будет срабатывать при прохождении мыши через выбранный элемент или его подэлементы <br />
    Событие mouseenter будет срабатывать только при прохождении мыши через выбранный элемент (пропуск через подэлементы не вызывает срабатывание)
  </div>
</body>
</html>

Дополнительную информацию о jQuery можно найти в разделе: "Сводка技巧 по операциям с окнами jQuery", "Сводка技巧 по эффектам перетаскивания jQuery", "Сводка использования часто используемых плагинов jQuery", "Сводка использования Ajax в jQuery", "Сводка技巧 по операциям с таблицами jQuery", "Сводка技巧 по расширению jQuery", "Сводка часто используемых классических эффектов jQuery", "Сводка использования анимации и эффектов jQuery" и "Сводка использования селекторов jQuery".

Надеюсь, что информация, изложенная в этой статье, поможет вам в разработке программ на jQuery.

Заявление: содержимое этой статьи взято из Интернета, авторские права принадлежат соответствующему автору. Контент был自发но предложен и загружен пользователями Интернета, сайт не обладает правами собственности, не был отредактирован вручную и не несет ответственности за соответствующие юридические последствия. Если вы обнаружите контент,涉嫌侵犯版权, пожалуйста, отправьте письмо по адресу: notice#oldtoolbag.com (при отправке письма, пожалуйста, замените # на @) для сообщения о нарушении и предоставьте соответствующие доказательства. Если нарушение будет подтверждено, сайт немедленно удалил涉嫌侵权的内容。

Вам может понравиться