Comment masquer div en fonction de l'identifiant dans jquery-Questions et réponses frontales-php.cn

Comment masquer div en fonction de l'identifiant dans jquery

WBOY

Libérer： 2022-06-01 18:59:40

original

3499 Les gens l'ont consulté

Méthode : 1. Utilisez le sélecteur "#id" pour obtenir l'objet élément avec l'identifiant spécifié, la syntaxe est "$("#specified id value")" 2. Utilisez la méthode hide() ou toggle() ; méthode pour spécifier l'identifiant L'objet élément peut être masqué et la syntaxe est "element object.hide()" ou "element object.toggle()".

Comment masquer div en fonction de l'identifiant dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment masquer un div en fonction de l'identifiant avec jquery

1 Utilisez le sélecteur d'identifiant pour obtenir des éléments

Le sélecteur #id sélectionne les éléments avec l'identifiant spécifié.

id fait référence à l'attribut id d'un élément HTML.

Remarque : L'attribut id doit être unique dans le document.

Remarque : N'utilisez pas d'attributs d'identification commençant par des chiffres ! Cela peut poser des problèmes dans certains navigateurs.

Syntaxe

$("#id")

Copier après la connexion

2. La méthode Masquage des éléments

hide() masque les éléments sélectionnés.

Astuce : Ceci est similaire à la propriété CSS display:none.

Syntaxe

$(selector).hide(speed,easing,callback)

Copier après la connexion

La méthode toggle() masque les éléments

Basculez entre hide() et show() sur l'élément sélectionné.

Cette méthode vérifie l'état visible de l'élément sélectionné. Si un élément est masqué, show() est exécuté, si un élément est visible, hide() est exécuté – cela crée un effet bascule.

Remarque : Les éléments masqués ne seront pas entièrement affichés (n'affectent plus la mise en page de la page).

Conseils : Cette méthode peut être utilisée pour basculer entre les fonctions personnalisées.

Grammar

$(selector).toggle(speed,easing,callback)

Copier après la connexion

L'exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>132</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("#p1").hide();
});
$(".btn2").click(function(){
$("#p1").show();
});
});
</script>
</head>
<body>
<p id="p1">这是一个段落。</p>
<button class="btn1">隐藏</button>
<button class="btn2">显示</button>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Comment masquer div en fonction de lidentifiant dans jquery