recherche

Maison  >  Article  >  interface Web  >  Exemples d'utilisation des méthodes show et hide dans jQuery

Exemples d'utilisation des méthodes show et hide dans jQuery

巴扎黑
巴扎黑original
2017-06-29 10:45:112733parcourir

Cet article présente principalement l'utilisation des méthodes show et hide dans jQuery et analyse les techniques simples d'implémentation de jQuery utilisant les méthodes show et hide pour contrôler l'affichage et le masquage des éléments de la page sous forme d'exemples. Les amis dans le besoin peuvent s'y référer. à cela

Cet article analyse l'utilisation des méthodes show et hide dans jQuery avec des exemples. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants : 


<!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;}
    p{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>
  <p id="control">
    <input id="btnDisplay" type="button" value="显示p" />
    <input id="btnHide" type="button" value="隐藏p" />
  </p>
  <p id="message">
    mouseover、mouseenter的区别：p里套p。见备注。和事件冒泡有关系。<br /> 
    不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件 <br />
    只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件(穿过子元素不会触发)
  </p>
</body>
</html>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication détaillée d'exemples simples de fonctions de minuterie implémentées dans JSArticle suivant：Explication détaillée d'exemples simples de fonctions de minuterie implémentées dans JS

Articles Liés

Voir plus