Maison > Article > interface Web > Comment supprimer l'attribut float dans jquery

Comment supprimer l'attribut float dans jquery

青灯夜游original: 2022-05-16 16:00:201457parcourir

Deux méthodes : 1. Utilisez css() pour définir l'attribut float, changez la valeur en "none" et la syntaxe est "element.css("float","none")". 2. Utilisez attr() pour contrôler l'attribut de style et définir un nouveau style. La syntaxe est "element.attr("style","float:none")".

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

L'attribut float est utilisé pour spécifier si une boîte (élément) doit flotter.

Cela n'a aucun effet lorsque la valeur de cet attribut est nulle (l'élément ne flotte pas et sera affiché à la position où il apparaît dans le texte.).

Dans jquery, vous pouvez supprimer l'attribut float en définissant la valeur de l'attribut sur none.

Deux méthodes sont présentées ci-dessous :

1. Utilisez la méthode css()

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("img").css("float","none");
				});
			});
		</script>
		<style>
		img 
		{
			float:right;
		}
		</style>
	</head>

	<body class="ancestors">
		<p>在下面的段落中，我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的右边。</p>
		<p>
		<img  src="img/1.jpg"    style="max-width:90%"  style="max-width:90%" / alt="Comment supprimer l'attribut float dans jquery" >
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		</p>
		<button>去除float</button>
	</body>

</html>

Comment supprimer lattribut float dans jquery

2. Utilisez attr()

Utilisez la méthode attr() pour contrôler l'attribut de style et définir un nouveau style flottant

$(document).ready(function() {
	$("button").click(function() {
		$("img").attr("style","float:none");
	});
});

Comment supprimer lattribut float dans jquery

【Apprentissage recommandé : Tutoriel vidéo jQuery, vidéo frontale Web 】

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 Float

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：Comment modifier les attributs d'entrée dans jqueryArticle suivant：Comment modifier les attributs d'entrée dans jquery

Articles Liés

Voir plus