Comment masquer les éléments div en cliquant sur d'autres éléments dans jquery

Étapes de mise en œuvre : 1. Utilisez le sélecteur ":not()" et la fonction click() pour lier les événements de clic à d'autres éléments autres que div, et définissez la fonction de traitement, la syntaxe est "$(":not('div ' )").click(function() {//Le code exécuté après l'événement click});"; 2. Dans la fonction de traitement, utilisez la fonction hide() pour masquer l'élément div, la syntaxe est "$ ("div"). cacher();".

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

Dans jquery, vous pouvez utiliser les méthodes de sélection :not(), click() et hide() pour masquer les éléments div en cliquant sur d'autres éléments.

Étapes de mise en œuvre :

Étape 1 : utilisez le sélecteur :not() et la fonction click() pour lier les événements de clic à d'autres éléments autres que div, et définissez la fonction de traitement

$(":not('div')").click(function() {
	//点击事件发生后，执行的代码
});

dans la fonction de traitement d'événement , le code écrit est le code d'effet obtenu après avoir cliqué

Étape 2 : Dans la fonction de traitement, utilisez la fonction hide() pour masquer l'élément div

$("div").hide();

Exemple de code :

	
		
		
		<script>
			$(document).ready(function() {
				$(":not(&#39;div&#39;)").click(function() {
					$(&quot;div&quot;).hide();
				});
			});
		</script>
		
	
	
		
需要隐藏的div元素
		
p元素
		button
		
p元素
		span
		
需要隐藏的div元素
	

Instructions :

:le sélecteur not() sélectionne tous les éléments sauf l'élément spécifié.

L'utilisation la plus courante : utilisé avec d'autres sélecteurs pour sélectionner tous les éléments dans la combinaison spécifiée, à l'exception de l'élément spécifié.

$(":not(selector)")

Paramètres	Description
sélecteur	obligatoire. Spécifie les éléments qui ne sont pas sélectionnés. Ce paramètre accepte tout type de sélecteur.

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end】

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!