Maison >interface Web >Questions et réponses frontales >Comment supprimer l'image d'arrière-plan du corps dans jquery

Comment supprimer l'image d'arrière-plan du corps dans jquery

青灯夜游original: 2022-04-21 15:24:132443parcourir

Comment supprimer l'image d'arrière-plan du corps : 1. Utilisez css(), la syntaxe "$("body").css("background","none");"; 2. Utilisez attr(), la syntaxe " $(" body").attr("style","background:none");".

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Méthode jquery pour supprimer l'image d'arrière-plan du corps

Méthode 1 : utilisez la méthode css()

css() pour renvoyer ou définir un ou plusieurs attributs de style de l'élément correspondant.

Utilisez la méthode css() pour ajouter directement une nouvelle valeur "aucun" à l'attribut background et définir un nouveau style.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			body{
				background: url(img/2.png) no-repeat;
			}
		</style>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("body").css("background","none");
				});
			});
		</script>
	</head>

	<body>
		<button>去掉body背景图片</button>
	</body>
</html>

Comment supprimer limage darrière-plan du corps dans jquery

Méthode 2 : utilisez attr()

Utilisez attr() pour définir l'attribut de style, ajoutez le style background:none et écrasez l'ancien style.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			body{
				background: url(img/2.png) no-repeat;
			}
		</style>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("body").attr("style","background:none");
				});
			});
		</script>
	</head>

	<body>
		<button>去掉body背景图片</button>
	</body>
</html>

Comment supprimer limage darrière-plan du corps dans 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!

jquery css background

Déclaration：

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

Article précédent：Que dois-je faire si less ne fonctionne pas en réaction ?Article suivant：Que dois-je faire si less ne fonctionne pas en réaction ?

Articles Liés

Voir plus