jquery un bouton cacher

jquery est une bibliothèque JavaScript très populaire qui fournit de nombreuses méthodes de fonctionnement pratiques, rendant la programmation JavaScript régulière plus rapide et plus simple. Cet article explique comment masquer un bouton à l'aide de jquery.

Tout d'abord, avant d'utiliser jquery, vous devez ajouter une référence au fichier jquery dans la page HTML. Le fichier jquery peut être introduit dans la page en utilisant le code suivant :

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

Ensuite, nous pouvons ajouter un élément bouton dans le HTML comme indiqué ci-dessous :

<button id="btnHide">隐藏按钮</button>

Ensuite, en JavaScript, utilisez le sélecteur jquery pour sélectionner l'élément bouton et add L'opération de masquage est la suivante :

// 选中id为btnHide的按钮元素
var $btnHide = $("#btnHide");

// 定义隐藏操作
$btnHide.hide();

Le code ci-dessus utilise la méthode cachée de jquery hide(), qui peut rendre l'élément sélectionné invisible et supprimé de la page. Par conséquent, lorsque nous exécutons le code ci-dessus, l'élément bouton sera masqué et disparaîtra de la page.

Si nous voulons afficher à nouveau l'élément bouton, il suffit d'utiliser la méthode d'affichage show() de jquery. Le code est le suivant :

// 选中id为btnHide的按钮元素
var $btnHide = $("#btnHide");

// 定义显示操作
$btnHide.show();

Il est à noter que lorsque vous utilisez jquery pour masquer ou afficher des éléments, vous pouvez le modifier. le code correspondant Placez-le dans l'événement après le chargement de la page pour garantir que tous les éléments de la page sont chargés correctement et disponibles pour l'exploitation. Voici l'exemple de code complet :

    
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>




    
    <button id="btnHide">隐藏按钮</button>

    
    <script>
        // 等待页面加载完成后执行
        $(function() {
            // 选中id为btnHide的按钮元素
            var $btnHide = $("#btnHide");

            // 定义隐藏操作
            $btnHide.hide();

            // 定义显示操作
            // $btnHide.show();
        });
    </script>

Avec le code ci-dessus, nous pouvons implémenter une opération consistant à nous cacher en cliquant sur un bouton de la page. Il faut souligner que jquery fournit une multitude de méthodes de fonctionnement, que nous pouvons choisir et utiliser en fonction de nos besoins dans la programmation réelle.

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!