Maison > interface Web > Questions et réponses frontales > Comment supprimer l'arrière-plan d'un div avec jquery

Comment supprimer l'arrière-plan d'un div avec jquery

青灯夜游
Libérer: 2022-06-08 18:55:18
original
2057 Les gens l'ont consulté

Deux méthodes : 1. Utilisez css() pour définir l'attribut background, la syntaxe est "$("div").css('background','none')" 2. Utilisez attr() pour ajouter un nouveau style d'arrière-plan, la syntaxe est " $("div").attr('style','background:none')".

Comment supprimer l'arrière-plan d'un div avec jquery

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

Deux méthodes pour supprimer l'arrière-plan div avec jquery :

Méthode 1. Utilisez css()

Utilisez css() pour définir l'attribut d'arrière-plan de l'élément div, la valeur est none

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("div").css(&#39;background&#39;,&#39;none&#39;);
				});
			});
		</script>
		<style>
			div{
				height: 100px;
				margin: 10px;
				background:url(img/2.png)
			}
		</style>
	</head>
	<body>

		<button>去掉div的背景</button>
		<div>hello</div>

	</body>
</html>
Copier après la connexion

Comment supprimer larrière-plan dun div avec jquery

2 . Utilisez attr()

Utilisez attr() pour définir l'attribut de style pour l'élément div et ajouter le style background: noney.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("div").attr(&#39;style&#39;,&#39;background:none&#39;);
				});
			});
		</script>
		<style>
			div{
				height: 100px;
				margin: 10px;
				background:red;
			}
		</style>
	</head>
	<body>

		<button>去掉div的背景</button>
		<div>hello</div>

	</body>
</html>
Copier après la connexion

Comment supprimer larrière-plan dun div avec jquery

【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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal