Comment utiliser js pour masquer et afficher le bouton au clic ?-js tutoriel-php.cn

Comment utiliser js pour masquer et afficher le bouton au clic ?

藏色散人

Libérer： 2021-02-10 09:25:22

original

23434 Les gens l'ont consulté

Cet article présente principalement comment utiliser js pour réaliser les effets de masquage et d'affichage des boutons cliqués, ce qui est plus pratique pour l'expérience utilisateur.

Remarque : jQuery est un framework JavaScript rapide et concis. Il s'agit d'une autre excellente bibliothèque de code JavaScript (ou framework JavaScript) après Prototype. Le but de la conception de jQuery est « écrire moins, faire plus », ce qui signifie écrire moins de code et faire plus de choses. Il encapsule les codes fonctionnels couramment utilisés en JavaScript, fournit un modèle de conception JavaScript simple et optimise les opérations sur les documents HTML, le traitement des événements, la conception d'animations et l'interaction Ajax.

JS pour implémenter l'effet de masquage et d'affichage lorsque vous cliquez sur un bouton. Les exemples de code spécifiques sont les suivants :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="/jquery/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#hide").click(function(){
                $("p").hide();
            });
            $("#show").click(function(){
                $("p").show();
            });
        });
    </script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮，就会消失，点击“显示”就会出现。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
</html>

Copier après la connexion

Vous pouvez directement copier le code ci-dessus. pour une démonstration locale. J'espère que cette introduction à l'article sera utile à tout le monde.

Comment utiliser js pour masquer et afficher le bouton au clic ?